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 { PresetBar } from "./preset-bar.js";
const presets = [
  {
    id: "preset-1",
    label: "Chart",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "preset-2",
    label: "Infographic",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "preset-3",
    label: "Game",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "preset-4",
    label: "Map",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "preset-5",
    label: "Calculator",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  },
  {
    id: "preset-6",
    label: "Shopping List",
    icon: /* @__PURE__ */ React.createElement(BarChartSplit, null)
  }
];
const template = ({
  presets: presets2,
  selectedPresetId,
  showFixButton
}) => (storyProps) => {
  return createRicosComponentStory({
    component: /* @__PURE__ */ React.createElement(
      "div",
      {
        style: {
          maxWidth: "650px",
          border: "1px solid #000"
        }
      },
      /* @__PURE__ */ React.createElement(
        PresetBar,
        {
          presets: presets2,
          onPresetSelect: action("onPresetSelect"),
          selectedPresetId,
          showFixButton
        }
      )
    ),
    storyProps
  });
};
const Default = template({
  presets
});
const WithSelectedPreset = template({
  presets,
  selectedPresetId: "preset-1"
});
const WithFixButton = template({
  presets,
  showFixButton: true
});
var preset_bar_stories_default = {
  name: "PresetBar"
};
export {
  Default,
  WithFixButton,
  WithSelectedPreset,
  preset_bar_stories_default as default
};
//# sourceMappingURL=preset-bar.stories.js.map
