"use client";

import { Button, Container } from "@/components";

export default function Error({
  reset,
}: {
  error: Error & { digest?: string };
  reset: () => void;
}) {
  return (
    <main className="bg-white py-20">
      <Container>
        <div className="rounded-lg border border-red-100 bg-red-50 p-8">
          <h1 className="text-3xl font-semibold text-red-950">Stranica trenutno nije dostupna.</h1>
          <p className="mt-4 max-w-2xl text-sm leading-6 text-red-700">
            Pokušajte ponovo ili nas kontaktirajte ako vam je potrebna informacija odmah.
          </p>
          <div className="mt-6 flex flex-wrap gap-3">
            <Button onClick={reset}>Pokušaj ponovo</Button>
            <Button href="/kontakt" variant="outline">
              Kontakt
            </Button>
          </div>
        </div>
      </Container>
    </main>
  );
}