import { BarChartSplit } from "@wix/wix-ui-icons-common";
import React from "react";
import {
  action,
  createRicosComponentStory
} from "./../../../wix-rich-content-common/create-ricos-component-story.js";
import { WidgetTypeSelector } from "./widget-type-selector.js";
const options = [
  {
    id: "widget-type-1",
    label: "Chart",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "widget-type-2",
    label: "Infographic",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "widget-type-3",
    label: "Game",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "widget-type-4",
    label: "Map",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "widget-type-5",
    label: "Calculator",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "widget-type-6",
    label: "Shopping List",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  }
];
const template = ({ options: options2, selectedId }) => (storyProps) => {
  return createRicosComponentStory({
    component: /* @__PURE__ */ React.createElement(
      WidgetTypeSelector,
      {
        options: options2,
        onRemove: action("onRemove"),
        onSelect: action("onSelect"),
        selectedId
      }
    ),
    storyProps
  });
};
const Default = template({
  options
});
const WithSelected = template({
  options,
  selectedId: "widget-type-1"
});
var widget_type_selector_stories_default = {
  name: "WidgetTypeSelector"
};
export {
  Default,
  WithSelected,
  widget_type_selector_stories_default as default
};
//# sourceMappingURL=widget-type-selector.stories.js.map
