import React from "react";
import { HTMLData_Source, PluginContainerData_Alignment } from "./../../ricos-schema/next-schema/index.js";
import {
  action,
  createRicosComponentStory
} from "./../../wix-rich-content-common/create-ricos-component-story.js";
import { pluginHtml } from "../index.js";
import { SliderModal } from "./slider-modal.js";
const SliderModalWrapper = () => {
  return /* @__PURE__ */ React.createElement("div", { style: { display: "flex", flexDirection: "column", gap: 8 } }, /* @__PURE__ */ React.createElement(
    SliderModal,
    {
      min: 35,
      max: 1200,
      dimension: "width",
      nodeId: "1",
      onChange: ({ value }) => {
        action("onChange")(value);
      },
      closeModal: action("closeModal")
    }
  ), /* @__PURE__ */ React.createElement(
    SliderModal,
    {
      min: 35,
      max: 1200,
      dimension: "height",
      nodeId: "1",
      onChange: ({ value }) => {
        action("onChange")(value);
      },
      closeModal: action("closeModal")
    }
  ));
};
const template = () => (storyProps) => {
  const htmlNodeAttrs = {
    id: "1",
    containerData: {
      width: {
        size: void 0,
        custom: "350"
      },
      alignment: PluginContainerData_Alignment.CENTER,
      spoiler: {},
      height: {
        custom: "550"
      },
      textWrap: true
    },
    html: "<div>HTML</div>",
    url: null,
    isAdsense: false,
    source: HTMLData_Source.HTML,
    autoHeight: true,
    iframeHeight: 1400
  };
  return createRicosComponentStory({
    component: /* @__PURE__ */ React.createElement(SliderModalWrapper, null),
    editorProps: {
      plugins: [pluginHtml()]
    },
    pmNodeAttrs: htmlNodeAttrs,
    storyProps
  });
};
const LiveSite = template();
LiveSite.args = {
  environment: "liveSite"
};
const LiveSiteMobile = template();
LiveSiteMobile.args = {
  isMobile: true,
  environment: "liveSite"
};
const BM = template();
BM.args = {
  environment: "businessManager"
};
const BMMobile = template();
BMMobile.args = {
  isMobile: true,
  environment: "businessManager"
};
var slider_modal_stories_default = {
  name: "HtmlPlugin/SliderModal"
};
export {
  BM,
  BMMobile,
  LiveSite,
  LiveSiteMobile,
  slider_modal_stories_default as default
};
//# sourceMappingURL=slider-modal.stories.js.map
