import { Link } from "react-router-dom";
import type { StaffPermissionSection } from "../../utils/staffAccess.ts";

/**
 * Said to a patient or helper who reaches a practice staff page, in place of waiting for a staff workspace that
 * their account will never have. Practice billing points at their own bills; every other staff page points home.
 */
const StaffOnlySection = ({ section }: { section?: StaffPermissionSection }) => {
  const billing = section === "billing";

  return (
    <div className="ak-page-body p-6" role="alert">
      <h1 className="ak-page-title">
        {billing ? "Practice billing is for practice staff" : "This page is for practice staff"}
      </h1>
      <p className="text-sm text-secondary">
        {billing
          ? "Your own bills and payments are in Bills & payments."
          : "It isn\u2019t part of your patient account."}
      </p>
      <Link className="btn btn-blue-ghost" to={billing ? "/dashboard/my-invoices" : "/dashboard/home"}>
        {billing ? "Go to Bills & payments" : "Go to Home"}
      </Link>
    </div>
  );
};

export default StaffOnlySection;