import React from 'react';
import { useNavigate } from 'react-router';
import { Button } from '@/client/components/ui/button';

export const NotFoundPage = () => {
  const navigate = useNavigate();
  
  return (
    <div className="flex flex-col items-center justify-center flex-grow p-4">
      <div className="max-w-3xl w-full">
        <h1 className="text-2xl font-bold mb-4">404 - 页面未找到</h1>
        <p className="mb-6 text-muted-foreground">
          您访问的页面不存在或已被移除
        </p>
        <div className="flex gap-4">
          <Button 
            onClick={() => navigate('/admin')}
          >
            返回首页
          </Button>
        </div>
      </div>
    </div>
  );
};