import * as React from "react";
import {
  header,
  tabs,
  tab,
  description,
  importExample,
  title,
  divider
} from "@wix/wix-storybook-utils/Sections";
import {
  Crop,
  Border,
  Handle,
  Layers,
  Visible,
  Text,
  Search
} from "../../../odeditor/general/dist";
import HeaderIcons from "../../components/header-icons";
import IconsExample from "../../components/icons-example";
import * as iconComponents from "../../../odeditor/general/dist";
import API_Table from "../../APITable";
import OdeditorGeneralCategoryList from "./odeditorGeneralCategoryList";
import { ODEDITOR_CATEGORY, GENERAL_ICONS } from "../../constants";
var index_story_default = {
  category: ODEDITOR_CATEGORY,
  storyName: GENERAL_ICONS,
  component: () => /* @__PURE__ */ React.createElement(IconsExample, { dataHook: "icon-list", ...{ iconComponents } }),
  sections: [
    header({
      component: /* @__PURE__ */ React.createElement(HeaderIcons, null, /* @__PURE__ */ React.createElement(Crop, null), /* @__PURE__ */ React.createElement(Border, null), /* @__PURE__ */ React.createElement(Handle, null), /* @__PURE__ */ React.createElement(Layers, null), /* @__PURE__ */ React.createElement(Visible, null), /* @__PURE__ */ React.createElement(Text, null), /* @__PURE__ */ React.createElement(Search, null)),
      sourceUrl: "https://github.com/wix-private/wix-design-systems/tree/master/packages/wix-ui-icons-common/src/odeditor/general/raw"
    }),
    tabs([
      tab({
        title: "Icon List",
        sections: [
          importExample(
            "import { Text } from '@wix/wix-ui-icons-common/odeditor';"
          ),
          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(OdeditorGeneralCategoryList, null)
        ]
      }),
      tab({
        title: "API",
        sections: [description({ title: "Props", text: API_Table })]
      })
    ])
  ]
};
export {
  index_story_default as default
};
