import { Link } from 'react-router-dom';
import { Home } from 'lucide-react';
import { Button } from '@components/atoms/Button';

export default function NotFoundPage() {
  return (
    <div className="flex min-h-screen flex-col items-center justify-center bg-gray-50 px-4">
      <div className="text-center">
        <h1 className="text-9xl font-bold text-primary-600">404</h1>
        <h2 className="mt-4 text-3xl font-bold text-gray-900">
          Página no encontrada
        </h2>
        <p className="mt-2 text-lg text-gray-600">
          Lo sentimos, no pudimos encontrar la página que buscas.
        </p>
        <div className="mt-8">
          <Link to="/dashboard">
            <Button leftIcon={<Home className="h-4 w-4" />}>
              Ir al inicio
            </Button>
          </Link>
        </div>
      </div>
    </div>
  );
}
