"use client";

export default function ReleasesError({ reset }: { error: Error; reset: () => void }) {
  return (
    <main className="mx-auto my-auto max-w-275 px-6 py-12 font-silka md:px-8 md:py-16">
      <h1 className="mb-4 font-argesta text-3xl">Something went wrong</h1>
      <p className="mb-6 text-lightsec dark:text-darksec">
        We couldn&apos;t load the releases. Please try again.
      </p>
      <button
        type="button"
        onClick={reset}
        className="rounded-xl border border-lightline px-6 py-3 text-lighttext shadow-lg transition-all duration-200 ease-in-out hover:border-lightline-hover hover:text-trptkblue dark:border-darkline dark:text-darktext dark:hover:border-darkline-hover dark:hover:text-white"
      >
        Try again
      </button>
    </main>
  );
}