import * as React from "react";
import {
  header,
  tabs,
  tab,
  description,
  importExample,
  title,
  divider
} from "@wix/wix-storybook-utils/Sections";
import API_Table from "../../APITable";
import IconsExample from "../../components/icons-example";
import * as iconComponents from "../../../on-stage/general/dist";
import OnStageGeneralCatrgoryList from "./OnStageGeneralCategoryList";
import { ON_STAGE_CATEGORY, GENERAL_ICONS } from "../../constants";
var index_story_default = {
  category: ON_STAGE_CATEGORY,
  storyName: GENERAL_ICONS,
  component: () => /* @__PURE__ */ React.createElement(IconsExample, { dataHook: "icon-list", ...{ iconComponents } }),
  sections: [
    header({
      sourceUrl: "https://github.com/wix-private/wix-design-systems/tree/master/packages/wix-ui-icons-common/src/on-stage/general/raw"
    }),
    tabs([
      tab({
        title: "Icon List",
        sections: [
          importExample(
            "import { Duplicate } from '@wix/wix-ui-icons-common/on-stage';"
          ),
          divider(),
          title("Categories"),
          description({
            text: "The usage of each icon type is determined by intention and size. Icons should be used strictly according to the description."
          }),
          /* @__PURE__ */ React.createElement(OnStageGeneralCatrgoryList, null)
        ]
      }),
      tab({
        title: "API",
        sections: [description({ title: "Props", text: API_Table })]
      })
    ])
  ]
};
export {
  index_story_default as default
};
