type PatientPagesDoorProps = {
  /** Both portal pages are created and connected to the practice. */
  pagesReady: boolean;
  onOpen: () => void;
};

// admin-v2 portal-page onboarding: the guide creates the website pages in an overlay of its own, so first setup
// needs no workspace switch; later changes stay in Platform Manager. The door stays until both pages are connected.
// The deck draws it as a plain step row marked "+", uncounted, with no rule above it (admin-v2.html#portal-page-onboarding).
const PatientPagesDoor = ({ pagesReady, onOpen }: PatientPagesDoorProps) => {
  if (pagesReady) return null;
  return (
    <button type="button" className="practice-setup__step practice-setup__step--door" onClick={onOpen}>
      <span className="practice-setup__marker" aria-hidden>+</span>
      <span className="practice-setup__step-body">
        <span className="practice-setup__step-title">Create your portal pages</span>
        <span className="practice-setup__step-detail">WordPress website · opens here</span>
      </span>
    </button>
  );
};

export default PatientPagesDoor;