import { Link } from "react-router-dom";
import { getWorkspaceLabel, type StaffWorkspace } from "../../utils/staffRoleCatalog.ts";

/**
 * Said to a lab or imaging technician whose role has no Lab and imaging work yet. The workspace was assigned,
 * but the work is the role's own permission, set by the practice; until then there is nothing here to do.
 */
const DiagnosticsNotSetUp = ({ workspace }: { workspace: StaffWorkspace }) => (
  <div className="ak-page-body p-6" role="alert">
    <h1 className="ak-page-title">Lab and imaging work isn’t set up for your role yet</h1>
    <p className="text-sm text-secondary">
      Your {getWorkspaceLabel(workspace)} workspace shows this work once your practice gives your role Lab and
      imaging work. A practice administrator sets that under Role Permissions.
    </p>
    <Link className="btn btn-blue-ghost" to="/dashboard/profile">
      Go to my profile
    </Link>
  </div>
);

export default DiagnosticsNotSetUp;