/* Globby Wizard — step wrappers (right-sized pages grouped into 3 phases). */

function PhaseSection(props) {
  return React.createElement("div", { className: "phase-section" + (props.muted ? " muted" : "") }, props.children);
}
window.PhaseSection = PhaseSection;

// Phase 1 — Define: goal/trade + product
function SetupPhase(props) {
  return React.createElement("div", null,
    React.createElement(PhaseSection, null, React.createElement(window.GoalStep, Object.assign({}, props, { compact: true, num: "1" }))),
    React.createElement(PhaseSection, null, React.createElement(window.ProductStep, Object.assign({}, props, { compact: true, num: "2" })))
  );
}
window.SetupPhase = SetupPhase;

// Sector + subcategory — single combined block, sub appears inline after sector is picked
function SectorSubStep(props) {
  return React.createElement(PhaseSection, null,
    React.createElement(window.SectorStep, Object.assign({}, props, { compact: true, num: "1" })),
    props.data.sectorId ? React.createElement("div", { style: { marginTop: 24, paddingTop: 24, borderTop: "1px solid var(--gb-border,#e5e7eb)" } },
      React.createElement(window.SubStep, Object.assign({}, props, { compact: true, num: "2" }))
    ) : null
  );
}
window.SectorSubStep = SectorSubStep;

// Niche + keywords
function ProductWordsStep(props) {
  return React.createElement("div", null,
    React.createElement(PhaseSection, null, React.createElement(window.NicheStep, Object.assign({}, props, { compact: true, num: "1" }))),
    React.createElement(PhaseSection, null, React.createElement(window.KeywordStep, Object.assign({}, props, { compact: true, num: "2" })))
  );
}
window.ProductWordsStep = ProductWordsStep;

// Niche + keywords
// ---- Phase 2: Target (multi-page) ----
const PROFILE_PAGES = ["sectorsub", "words", "hs", "who", "prefs", "problems"];
window.PROFILE_PAGES = PROFILE_PAGES;

function ProfilePhase(props) {
  const pg = props.profilePage || 0;
  const which = PROFILE_PAGES[pg];
  if (which === "sectorsub") return React.createElement(window.SectorSubStep, props);
  if (which === "words") return React.createElement(window.ProductWordsStep, props);
  if (which === "hs") return React.createElement(window.HsStep, Object.assign({}, props, { compact: true }));
  if (which === "who") return React.createElement(window.PersonaStep, Object.assign({}, props, { part: "who", compact: true }));
  if (which === "prefs") return React.createElement(window.PersonaStep, Object.assign({}, props, { part: "prefs", compact: true }));
  if (which === "problems") return React.createElement(window.ProblemStep, Object.assign({}, props, { compact: true }));
  return null;
}
window.ProfilePhase = ProfilePhase;