"use client";

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

export default function Error({ reset }: { error: Error & { digest?: string }; reset: () => void }) {
  return (
    <Container>
      <div className="py-24 text-center">
        <h1 className="text-2xl font-semibold text-[var(--color-ink)]">Something went wrong</h1>
        <p className="mt-3 text-[var(--color-slate)]">Please try again.</p>
        <div className="mt-8">
          <Button onClick={reset}>Try again</Button>
        </div>
      </div>
    </Container>
  );
}
