"use client";

import { useRouter } from "next/navigation";

export default function NotFound() {
  const router = useRouter();

  const handleButton = () => {
    router.push("/Impresiones");
  };

  return (
    <section>
      <img
        src="/404-bg.png" // 👈 pon tu imagen en /public/404-bg.png
        alt="Página no encontrada"
      />

      {/* Título */}
      <h1>404 - Página no encontrada</h1>

      {/* Texto */}
      <p>Lo sentimos, la página que buscas no existe.</p>
      <p>Por favor, verifica la URL o regresa a la página principal.</p>
      <button className="button buttonSearch"> regresa al inicio</button>
    </section>
  );
}
