import { Button } from '@douyinfe/semi-ui-19';
import type { ReactNode } from 'react';
import { useNavigate } from 'react-router';

import { ROUTES } from '@/routes';

import { ErrorLayout } from './ErrorLayout';

export function ForbiddenPage(): ReactNode {
  const navigate = useNavigate();
  return (
    <ErrorLayout
      code="403"
      title="没有访问权限"
      description="你的账号没有该页面的权限点。如需开通，请联系平台管理员调整角色。"
      actions={
        <>
          <Button
            theme="solid"
            type="primary"
            onClick={() => {
              void navigate(ROUTES.home);
            }}
          >
            返回工作台
          </Button>
          <Button
            onClick={() => {
              void navigate(-1);
            }}
          >
            返回上一页
          </Button>
        </>
      }
    />
  );
}