import { Link } from "react-router-dom";

/**
 * Said when what this person may open could not be confirmed in time. The page stays closed; nothing of it
 * mounts. It offers a retry and a way out, and claims nothing about access either way.
 */
const AccessNotSettled = ({ title, body }: { title: string; body: string }) => (
  <div className="ak-page-body p-6" role="alert">
    <h1 className="ak-page-title">{title}</h1>
    <p className="text-sm text-secondary">{body}</p>
    <div className="flex flex-wrap gap-2">
      <button type="button" className="btn btn-blue" onClick={() => window.location.reload()}>
        Try again
      </button>
      <Link className="btn btn-blue-ghost" to="/dashboard/profile">
        Go to my profile
      </Link>
    </div>
  </div>
);

export default AccessNotSettled;