import React from "react";
import {
  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 { pluginSpoiler } from "./../../plugin-spoiler/index.js";
import { pluginImage } from "../index.js";
import { Settings } from "./settings.js";
const componentData = {
  containerData: {
    width: {
      size: PluginContainerData_Width_Type.CONTENT
    },
    alignment: PluginContainerData_Alignment.CENTER,
    textWrap: true
  },
  image: {
    src: {
      id: "8bb438_040d8045a99d42089340ef644987431d.jpg"
    },
    width: 1621,
    height: 1081
  }
};
const template = (params = {
  withSpoiler: false,
  initialTab: "settings"
}) => (storyProps) => {
  return createRicosComponentStory({
    component: /* @__PURE__ */ React.createElement(
      Settings,
      {
        nodeId: "",
        config: { type: "image" },
        referenceElement: void 0,
        initialTab: params.initialTab
      }
    ),
    pmNodeAttrs: componentData,
    editorProps: {
      plugins: [pluginImage(), ...params.withSpoiler ? [pluginSpoiler()] : []]
    },
    storyProps
  });
};
const LiveSite = template();
LiveSite.args = {
  environment: "liveSite"
};
const LiveSiteWithSpoiler = template({ withSpoiler: true });
LiveSiteWithSpoiler.args = {
  environment: "liveSite"
};
const LiveSiteMobile = template();
LiveSiteMobile.args = {
  isMobile: true,
  environment: "liveSite"
};
const LiveSiteWithSpoilerMobile = template({ withSpoiler: true });
LiveSiteWithSpoilerMobile.args = {
  isMobile: true,
  environment: "liveSite"
};
const BusinessManager = template();
BusinessManager.args = {
  environment: "businessManager"
};
const BusinessManagerMobile = template();
BusinessManagerMobile.args = {
  environment: "businessManager",
  isMobile: true
};
const LiveSiteDesignTab = template({ withSpoiler: false, initialTab: "design" });
LiveSiteDesignTab.args = {
  environment: "liveSite"
};
const LiveSiteMobileDesignTab = template({ withSpoiler: false, initialTab: "design" });
LiveSiteMobileDesignTab.args = {
  isMobile: true,
  environment: "liveSite"
};
const BusinessManagerDesignTab = template({ withSpoiler: false, initialTab: "design" });
BusinessManagerDesignTab.args = {
  environment: "businessManager"
};
const BusinessManagerMobileDesignTab = template({
  withSpoiler: false,
  initialTab: "design"
});
BusinessManagerMobileDesignTab.args = {
  environment: "businessManager",
  isMobile: true
};
var settings_stories_default = {
  name: "ImagePlugin/SettingsModal"
};
export {
  BusinessManager,
  BusinessManagerDesignTab,
  BusinessManagerMobile,
  BusinessManagerMobileDesignTab,
  LiveSite,
  LiveSiteDesignTab,
  LiveSiteMobile,
  LiveSiteMobileDesignTab,
  LiveSiteWithSpoiler,
  LiveSiteWithSpoilerMobile,
  settings_stories_default as default
};
//# sourceMappingURL=settings.stories.js.map
