import { useNavigate } from 'react-router-dom';
import Button from '../components/ui/Button';

const NotFoundPage = () => {
  const navigate = useNavigate();
  return (
    <div className="flex min-h-[60vh] flex-col items-center justify-center text-center">
      <h1 className="text-4xl font-bold text-[var(--color-text-primary)]">404 - Page Not Found</h1>
      <p className="mt-3 text-[var(--color-text-secondary)]">요청하신 페이지를 찾을 수 없습니다.</p>
      <Button className="mt-6" onClick={() => navigate('/dashboard')}>
        Dashboard로 이동
      </Button>
    </div>
  );
};

export default NotFoundPage;
