"use client";

import Link from "next/link";
import { useEffect } from "react";

type ErrorProps = {
    error: Error & { digest?: string }; // puedes extender si necesitas
    reset: () => void;
};

export default function Error({ error }: ErrorProps) {
    useEffect(() => {
        console.error(error);
    }, [error]);

    return (
        <div className="error-div-container">
            <Link href="/">
                <img src="/tx-logo-text.svg" alt="TurnosXpress.com.ar" />
            </Link>
            <div className="card error-404-card">
                <h2 style={{ color: "var(--wine-red)" }}>Página no encontrada!</h2>
                <p>
                    La página que estabas buscando no existe. Por favor, regresa a la{" "}
                    <Link href="/">página principal</Link>.
                </p>
            </div>
        </div>
    );
}