#!/usr/bin/env node
import {
  CheckboxGrid
} from "./chunk-GUIRWCKI.js";
import {
  useWizardStore
} from "./chunk-FYNMNY4P.js";
import {
  init_esm_shims
} from "./chunk-DHET7RCE.js";

// src/cli/components/wizard/domain-selection.tsx
init_esm_shims();
import { jsx } from "react/jsx-runtime";
var AVAILABLE_DOMAINS = [
  { id: "web", label: "Web", description: "Frontend web applications" },
  { id: "api", label: "API", description: "Backend APIs and services" },
  { id: "cli", label: "CLI", description: "Command-line tools" },
  { id: "mobile", label: "Mobile", description: "Mobile applications" }
];
var DomainSelection = () => {
  const { selectedDomains, toggleDomain, setStep, setApproach, selectStack } = useWizardStore();
  const handleBack = () => {
    setApproach(null);
    selectStack(null);
  };
  return /* @__PURE__ */ jsx(
    CheckboxGrid,
    {
      title: "Select domains to configure",
      items: AVAILABLE_DOMAINS,
      selectedIds: selectedDomains,
      onToggle: toggleDomain,
      onContinue: () => setStep("build"),
      onBack: handleBack,
      continueLabel: (count) => `Continue with ${count} domain(s)`,
      emptyMessage: "Please select at least one domain"
    }
  );
};

export {
  DomainSelection
};
//# sourceMappingURL=chunk-5BDYODWP.js.map