stone-kit/dist/stories/shared/ui/Modal/Modal.stories.js

uikit for redesign

import { jsx as e, jsxs as l } from "react/jsx-runtime";
import { l as t } from "../../../../index-BJwl9stn.js";
import { Modal as i } from "../../../../components/Modal/ui/Modal.js";
const n = {
  title: "shared/ui/Modal",
  component: i,
  parameters: {
    layout: "centered"
  },
  tags: ["autodocs"],
  argTypes: {
    isOpen: {
      control: "boolean"
    },
    size: {
      control: {
        type: "select",
        options: ["small", "medium", "large", "fullscreen"]
      }
    }
  },
  args: {
    isOpen: !0,
    onClose: t()
  }
}, r = {
  args: {
    isOpen: !0,
    title: "Modal Title",
    children: /* @__PURE__ */ e("div", { children: "Modal content goes here" })
  }
}, d = {
  args: {
    isOpen: !0,
    title: "Small Modal",
    size: "small",
    children: /* @__PURE__ */ e("div", { children: "This is a small modal" })
  }
}, c = {
  args: {
    isOpen: !0,
    title: "Medium Modal",
    size: "medium",
    children: /* @__PURE__ */ e("div", { children: "This is a medium modal with more content" })
  }
}, m = {
  args: {
    isOpen: !0,
    title: "Large Modal",
    size: "large",
    children: /* @__PURE__ */ l("div", { children: [
      /* @__PURE__ */ e("p", { children: "This is a large modal with lots of content." }),
      /* @__PURE__ */ e("p", { children: "It can contain multiple paragraphs and other elements." }),
      /* @__PURE__ */ e("button", { children: "Action Button" })
    ] })
  }
}, h = {
  args: {
    isOpen: !0,
    children: /* @__PURE__ */ e("div", { children: "Modal without title" })
  }
}, p = {
  args: {
    isOpen: !1,
    title: "Closed Modal",
    children: /* @__PURE__ */ e("div", { children: "This modal is closed" })
  }
};
export {
  p as Closed,
  r as Default,
  m as Large,
  c as Medium,
  d as Small,
  h as WithoutTitle,
  n as default
};