/* BridgeWell Calculator — entry point.
   Mirrors src/pages/Index.tsx: wizard gates dashboard. */

function CalculatorApp() {
  const [inputs, setInputs] = React.useState(null);

  if (!inputs) {
    return (
      <window.OnboardingWizard
        onComplete={(wizardInputs) => setInputs(wizardInputs)}
        onSkip={() =>
          setInputs({
            studentPopulation: 4500,
            availableStaff: 5,
            screeningsPerYear: 1,
            insuranceCoverage: 50,
          })
        }
      />
    );
  }

  return (
    <>
      <header className="dash-header">
        <div className="dash-header-inner">
          <div className="dash-brand">
            <img
              className="dash-brand-mark"
              src="../../../assets/mark-lightgreen.svg"
              alt="BridgeWell"
            />
            <div className="dash-brand-text">
              <span className="dash-brand-name">BridgeWell</span>
              <span className="dash-brand-sub">Screening Feasibility &amp; Revenue</span>
            </div>
          </div>
          <button type="button" className="dash-reset" onClick={() => setInputs(null)}>
            <window.RotateCcw />
            Start Over
          </button>
        </div>
      </header>
      <window.Dashboard inputs={inputs} setInputs={setInputs} />
    </>
  );
}

const root = ReactDOM.createRoot(document.getElementById("app"));
root.render(<CalculatorApp />);