import React from "react";
import { createRicosComponentStory } from "./../wix-rich-content-common/create-ricos-component-story.js";
import { TextColorPicker } from "./text-color-picker.js";
const Component = TextColorPicker;
const USER_COLORS = ["#FF0000", "#00FF00", "#0000FF", "#00FF55", "#FF0088"];
const COLOR_SCHEME = {
  primary: { color: "#FFFF00", index: 1 },
  secondary: { color: "#00FFFF", index: 2 },
  accent: { color: "#FF00FF", index: 3 }
};
const template = (props = {}) => (storyProps) => createRicosComponentStory({
  component: /* @__PURE__ */ React.createElement(
    Component,
    {
      referenceElement: void 0,
      type: "ricos-text-color",
      config: { type: "textColor" },
      ...props
    }
  ),
  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
};
const WithColorConfig = template({
  config: {
    type: "textColor",
    getUserColors: () => USER_COLORS,
    colorScheme: COLOR_SCHEME
  }
});
const WithColorConfigMobile = template({
  config: {
    type: "textColor",
    getUserColors: () => USER_COLORS,
    colorScheme: COLOR_SCHEME
  }
});
WithColorConfigMobile.args = {
  isMobile: true
};
const TextHighlight = template({ type: "ricos-text-highlight" });
var text_color_picker_stories_default = {
  name: "TextColorPicker"
};
export {
  BM,
  BMMobile,
  LiveSite,
  LiveSiteMobile,
  TextHighlight,
  WithColorConfig,
  WithColorConfigMobile,
  text_color_picker_stories_default as default
};
//# sourceMappingURL=text-color-picker.stories.js.map
