import { Button, Result, Space } from 'antd';
import { useNavigate } from 'react-router-dom';
import { useAuthStore } from '@/store/auth';

export default function Forbidden() {
  const navigate = useNavigate();
  const token = useAuthStore((state) => state.token);

  return (
    <div className="error-page">
      <Result
        status="403"
        title="403"
        subTitle="抱歉，你没有访问该页面的权限。可以联系管理员开通权限，或切换有权限的账号。"
        extra={
          <Space wrap>
            <Button
              type="primary"
              onClick={() => navigate(token ? '/dashboard' : '/login', { replace: true })}
            >
              {token ? '返回工作台' : '去登录'}
            </Button>
            <Button onClick={() => navigate(-1)}>返回上一页</Button>
          </Space>
        }
      />
    </div>
  );
}