import React, { useState } from "react";
import { createRicosComponentStory } from "./../../wix-rich-content-common/create-ricos-component-story.js";
import { Slider } from "./slider.js";
const ControlledSlider = (props) => {
  const [value, setValue] = useState(1);
  return /* @__PURE__ */ React.createElement(Slider, { ...props, value, onChange: setValue, languageDir: "ltr" });
};
const template = (props) => (storyProps) => createRicosComponentStory({
  component: /* @__PURE__ */ React.createElement(ControlledSlider, { ...props }),
  storyProps
});
const Unstyled = template();
const Styled = template();
Styled.args = {
  theme: {
    paletteConfig: { settingsActionColor: "#00AAAA" },
    palette: { actionColor: "#FFFFFF" }
  }
};
const StyledWithLivesiteWiring = template();
StyledWithLivesiteWiring.args = {
  theme: {
    nativeStyle: { text: { color: "#0000AA" } }
  }
};
var slider_stories_default = {
  name: "Slider"
};
export {
  Styled,
  StyledWithLivesiteWiring,
  Unstyled,
  slider_stories_default as default
};
//# sourceMappingURL=slider.stories.js.map
