/**
 * 대분류는 Figma 섹션을 그대로 따른다.
 * Action 391:698 · Select 391:2209 · Input 391:3733 · Navigation 391:4035 ·
 * Layout 392:5035 · Feedback 392:5381 · Help 392:5712
 */
export type ComponentGroup = {
  label: string;
  subgroups: { label: string; ids: string[] }[];
};

export const COMPONENT_GROUPS: ComponentGroup[] = [
  {
    label: "Action",
    subgroups: [
      {
        label: "버튼",
        ids: ["fox-button", "fox-text-button", "fox-link-button", "fox-icon-button"],
      },
      { label: "묶음", ids: ["fox-button-group", "fox-button-panel"] },
    ],
  },
  {
    label: "Select",
    subgroups: [
      { label: "라디오", ids: ["fox-radio-icon", "fox-radio", "fox-radio-group"] },
      { label: "체크박스", ids: ["fox-check-icon", "fox-checkbox", "fox-checkbox-group"] },
      {
        label: "셀렉트",
        ids: ["fox-select", "fox-select-option", "fox-select-option-item", "fox-select-text"],
      },
      { label: "태그·칩", ids: ["fox-tag", "fox-tag-list", "fox-chip", "fox-chip-area"] },
      {
        label: "스위치",
        ids: [
          "fox-toggle-switch",
          "fox-segmented-control",
          "fox-segmented-control-item",
          "fox-toggle-quantity",
        ],
      },
      { label: "부가", ids: ["fox-form-label", "fox-conditional-option"] },
    ],
  },
  {
    label: "Input",
    subgroups: [
      { label: "텍스트", ids: ["fox-input", "fox-text-area"] },
      {
        label: "형식 입력",
        ids: ["fox-phone-number", "fox-email", "fox-certified", "fox-address"],
      },
      { label: "파일", ids: ["fox-file-upload"] },
    ],
  },
  {
    label: "Navigation",
    subgroups: [
      { label: "위치·이동", ids: ["fox-breadcrumb", "fox-pagination"] },
      {
        label: "캐러셀",
        ids: ["fox-carousel-indicator", "fox-carousel-button", "fox-carousel-area"],
      },
    ],
  },
  {
    label: "Layout",
    subgroups: [
      { label: "표·목록", ids: ["fox-table", "fox-bullet-list"] },
      { label: "탭", ids: ["fox-tab"] },
      { label: "배지", ids: ["fox-badge", "fox-badge-dot", "fox-badge-group"] },
      { label: "펼침", ids: ["fox-accordion", "fox-disclosure"] },
      { label: "컨테이너", ids: ["fox-card", "fox-modal", "fox-page-header"] },
    ],
  },
  {
    label: "Feedback",
    subgroups: [
      { label: "알림", ids: ["fox-alert", "fox-toast", "fox-snackbar", "fox-snackbar-list"] },
      { label: "상태", ids: ["fox-status-indicator", "fox-helper-text", "fox-spinner"] },
      { label: "단계", ids: ["fox-step-indicator", "fox-step-indicator-item"] },
    ],
  },
  {
    label: "Help",
    subgroups: [
      {
        label: "도움말",
        ids: ["fox-tooltip", "fox-tooltip-rich", "fox-popover", "fox-contextual-trigger"],
      },
    ],
  },
];