import React from "react";
import {
  ButtonData_Type,
  PluginContainerData_Alignment,
  PluginContainerData_Width_Type
} from "./../../ricos-schema/next-schema/index.js";
import { createRicosComponentStory } from "./../../wix-rich-content-common/create-ricos-component-story.js";
import { pluginActionButton } from "../index.js";
import { ACTION_BUTTON_TYPE } from "../types.js";
import { ButtonSettingsModal } from "./settings-modal.js";
const componentData = {
  containerData: {
    width: {
      size: PluginContainerData_Width_Type.CONTENT
    },
    alignment: PluginContainerData_Alignment.CENTER,
    spoiler: {
      enabled: false
    },
    height: {},
    textWrap: true
  },
  text: "Click Me",
  type: ButtonData_Type.ACTION
};
const template = () => (storyProps) => {
  const editor = {
    getPublicCommands: () => ({
      getBlockComponentData: () => componentData,
      setBlock: () => {
      }
    }),
    adapter: {
      tiptapEditor: {
        view: {
          dom: {
            querySelector: () => null
          }
        }
      }
    }
  };
  const NODE_ID = "z3vig3";
  return createRicosComponentStory({
    component: /* @__PURE__ */ React.createElement(ButtonSettingsModal, { nodeId: NODE_ID, modalId: "", settings: {}, type: ACTION_BUTTON_TYPE }),
    siblingComponent: /* @__PURE__ */ React.createElement("div", { "data-hook": `editor-${NODE_ID}` }, /* @__PURE__ */ React.createElement("div", { "data-hook": "buttonViewer" })),
    mock: { editor },
    editorProps: {
      plugins: [pluginActionButton()]
    },
    pmNodeAttrs: componentData,
    storyProps
  });
};
const LiveSite = template();
LiveSite.args = {
  environment: "liveSite"
};
const BusinessManager = template();
BusinessManager.args = {
  environment: "businessManager"
};
const LiveSiteMobile = template();
LiveSiteMobile.args = {
  isMobile: true,
  environment: "liveSite"
};
const BusinessManagerMobile = template();
BusinessManagerMobile.args = {
  isMobile: true,
  environment: "businessManager"
};
var button_action_settings_stories_default = {
  name: "ButtonActionPlugin/SettingsModal"
};
export {
  BusinessManager,
  BusinessManagerMobile,
  LiveSite,
  LiveSiteMobile,
  button_action_settings_stories_default as default
};
//# sourceMappingURL=button-action-settings.stories.js.map
