"use client";

import Link from "next/link";

export default function LoadError({ message, onRetry }: { message: string; onRetry: () => void }) {
  return (
    <div className="card p-10 text-center">
      <p className="text-[14px] font-semibold" style={{ color: "var(--critical)" }}>Could not load this page</p>
      <p className="mx-auto mt-2 max-w-[54ch] text-[13px] text-[var(--text-secondary)]">{message}</p>
      <div className="mt-5 flex justify-center gap-2">
        <button className="btn btn-primary" onClick={onRetry}>Retry</button>
        <Link className="btn" href="/">Back to assessments</Link>
      </div>
    </div>
  );
}