import React from "react";
import { createRicosComponentStory } from "./../../wix-rich-content-common/create-ricos-component-story.js";
import { NODE_ALIGNMENT_BUTTONS } from "./consts.js";
import { NodeAlignmentDropdown } from "./node-alignment-dropdown.js";
const template = (props) => (storyProps) => createRicosComponentStory({
  pmNodeAttrs: {
    containerData: { alignment: "LEFT" }
  },
  component: /* @__PURE__ */ React.createElement(
    NodeAlignmentDropdown,
    {
      onSelect: () => {
      },
      closeModal: () => {
      },
      selectedId: "LEFT",
      options: props?.options ?? [
        ...Object.values(NODE_ALIGNMENT_BUTTONS).map((option) => ({
          type: option.type,
          id: option.commandKey,
          dataHook: option.dataHook,
          label: option.text,
          icon: option.iconSmall,
          iconMobile: option.icon
        })),
        {
          type: "toggle",
          id: "TEXT_WRAP",
          dataHook: "text-wrap",
          label: "Wrap text",
          selected: false,
          disabled: props?.isTextWrapDisabled ?? false,
          infoContent: "This is a test info content"
        }
      ]
    }
  ),
  storyProps
});
const Default = template();
const WithDisabledTextWrap = template({
  isTextWrapDisabled: true
});
const WithOptionsOverride = template({
  options: Object.values(NODE_ALIGNMENT_BUTTONS).map((option) => ({
    type: option.type,
    id: option.commandKey,
    dataHook: option.dataHook,
    label: option.text,
    icon: option.iconSmall,
    iconMobile: option.icon
  }))
});
const Mobile = template();
Mobile.args = {
  isMobile: true
};
var node_alignment_dropdown_stories_default = {
  name: "NodeAlignmentDropdown"
};
export {
  Default,
  Mobile,
  WithDisabledTextWrap,
  WithOptionsOverride,
  node_alignment_dropdown_stories_default as default
};
//# sourceMappingURL=node-alignment-dropdown.stories.js.map
