import PatientPagesDoor from "./PatientPagesDoor";

type PortalPagesPendingProps = {
  /** How many required steps the practice finished: five, or six with the agency owner step. */
  essentials: number;
  onOpen: () => void;
};

// admin-v2.html#portal-page-onboarding: on the WordPress client the guide outlives the practice essentials, headed
// with them done, until both portal pages exist. The door stays uncounted, as it is in the guide itself.
const PortalPagesPending = ({ essentials, onOpen }: PortalPagesPendingProps) => (
  <section className="ak-card ak-card--panel ak-card--rule practice-setup" aria-label="Practice setup">
    <div className="ak-card__title">
      All {essentials} practice essentials done. One step left.
    </div>
    <div className="practice-setup__steps">
      <PatientPagesDoor pagesReady={false} onOpen={onOpen} />
    </div>
  </section>
);

export default PortalPagesPending;