import React from "react";
import { GalleryOptions_Layout_Type as GALLERY_LAYOUT } from "./../../ricos-schema/next-schema/index.js";
import {
  action,
  createRicosComponentStory
} from "./../../wix-rich-content-common/create-ricos-component-story.js";
import {
  CUSTOMIZE_LAYOUT_OPTION_ID,
  LAYOUT_DROPDOWN_OPTIONS,
  LayoutDropdown
} from "./layout-dropdown.js";
const DEFAULT_OPTIONS = [
  ...Object.entries(LAYOUT_DROPDOWN_OPTIONS).map(([layout, { icon, iconSmall, text }]) => ({
    id: layout,
    text,
    dataHook: `layout-dropdown-option-${layout}`,
    iconMobile: icon,
    icon: iconSmall
  })),
  {
    id: CUSTOMIZE_LAYOUT_OPTION_ID,
    text: "GalleryPlugin_Layouts_Customize_Button",
    dataHook: "layout-dropdown-option-customize"
  }
];
const template = () => (storyProps) => {
  return createRicosComponentStory({
    component: /* @__PURE__ */ React.createElement(
      LayoutDropdown,
      {
        options: DEFAULT_OPTIONS,
        selectedId: GALLERY_LAYOUT.GRID,
        onSelect: action("onSelect"),
        closeModal: action("closeModal")
      }
    ),
    editorProps: {
      plugins: []
    },
    storyProps
  });
};
const Default = template();
const Mobile = template();
Mobile.args = {
  isMobile: true
};
var layout_dropdown_stories_default = {
  name: "GalleryPlugin/LayoutDropdown"
};
export {
  Default,
  Mobile,
  layout_dropdown_stories_default as default
};
//# sourceMappingURL=layout-dropdown.stories.js.map
