import React from "react";
import {
  action,
  createRicosComponentStory
} from "./../../wix-rich-content-common/create-ricos-component-story.js";
import { pluginLineSpacing } from "../index.js";
import { InsertDecorationModal } from "./insert-decoration-modal.js";
const template = () => (storyProps) => {
  const editor = {
    getPublicCommands: () => ({
      getBlockComponentData: () => {
      },
      setBlock: () => {
      },
      getBlockSpacing: () => ({
        "line-height": "1",
        "padding-top": "2",
        "padding-bottom": "3"
      })
    }),
    adapter: {
      tiptapEditor: {
        on: () => {
        },
        off: () => {
        }
      }
    }
  };
  return createRicosComponentStory({
    component: /* @__PURE__ */ React.createElement(
      InsertDecorationModal,
      {
        closeModal: action("closeModal"),
        selectedId: "1",
        options: [
          { id: "1", dataHook: "1", label: "1" },
          { id: "1.5", dataHook: "1.5", label: "1.5" },
          { id: "2", dataHook: "2", label: "2" },
          { id: "2.5", dataHook: "2.5", label: "2.5" },
          { id: "3", dataHook: "3", label: "3" },
          { id: "custom-spacing", dataHook: "custom-spacing", label: "Spacing options" }
        ],
        onSelect: () => {
        }
      }
    ),
    mock: { editor },
    editorProps: {
      plugins: [pluginLineSpacing()]
    },
    storyProps
  });
};
const LiveSite = template();
LiveSite.args = {
  environment: "liveSite"
};
const LiveSiteMobile = template();
LiveSiteMobile.args = {
  environment: "liveSite",
  isMobile: true
};
const BM = template();
BM.args = {
  environment: "businessManager"
};
const BMMobile = template();
BMMobile.args = {
  environment: "businessManager",
  isMobile: true
};
var insert_decoration_modal_stories_default = {
  name: "LineSpacingPlugin/InsertModal"
};
export {
  BM,
  BMMobile,
  LiveSite,
  LiveSiteMobile,
  insert_decoration_modal_stories_default as default
};
//# sourceMappingURL=insert-decoration-modal.stories.js.map
