import React from "react";
import { createRicosComponentStory } from "./../../wix-rich-content-common/create-ricos-component-story.js";
import { ListItemSelect } from "./list-item-select.js";
const ControlledListItemSelect = (props) => {
  return /* @__PURE__ */ React.createElement(
    "div",
    {
      style: {
        width: "fit-content",
        border: "1px solid grey",
        display: "flex",
        alignItems: "center",
        justifyContent: "center"
      }
    },
    /* @__PURE__ */ React.createElement(
      ListItemSelect,
      {
        ...props,
        prefix: /* @__PURE__ */ React.createElement("span", { style: { width: "18px", height: "18px", backgroundColor: "aquamarine" } }),
        suffix: /* @__PURE__ */ React.createElement("span", { style: { width: "40px", height: "18px", backgroundColor: "lightcoral" } }),
        title: "Title",
        subtitle: "Subtitle"
      }
    )
  );
};
const template = (props) => (storyProps) => createRicosComponentStory({
  component: /* @__PURE__ */ React.createElement(ControlledListItemSelect, { ...props }),
  storyProps
});
const Default = template();
const Selected = template({ selected: true });
const Disabled = template({ disabled: true });
var list_item_select_stories_default = {
  name: "ListItemSelect"
};
export {
  Default,
  Disabled,
  Selected,
  list_item_select_stories_default as default
};
//# sourceMappingURL=list-item-select.stories.js.map
