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 NotFoundPage(): ReactNode {
  const navigate = useNavigate();
  return (
    <ErrorLayout
      code="404"
      title="页面不存在"
      description="地址可能已变更或输入有误。可以回到工作台，从顶部模块菜单重新进入。"
      actions={
        <Button
          theme="solid"
          type="primary"
          onClick={() => {
            void navigate(ROUTES.home);
          }}
        >
          返回工作台
        </Button>
      }
    />
  );
}