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

uikit for redesign

import { jsx as e, jsxs as t } from "react/jsx-runtime";
import { l as i } from "../../../../index-BJwl9stn.js";
import { M as o } from "../../../../FilterWithSave-D4iIFzmS.js";
const r = {
  title: "shared/ui/FormModal",
  component: o,
  parameters: {
    layout: "centered"
  },
  tags: ["autodocs"],
  argTypes: {
    isOpen: {
      control: "boolean"
    },
    onClose: {
      action: "closed"
    },
    onSubmit: {
      action: "submitted"
    }
  },
  args: {
    isOpen: !0,
    onClose: i(),
    onSubmit: i()
  }
}, s = {
  args: {
    isOpen: !0,
    title: "Form Modal",
    children: /* @__PURE__ */ e("div", { children: "Modal content goes here" })
  }
}, d = {
  args: {
    isOpen: !0,
    title: "Contact Form",
    children: /* @__PURE__ */ t("form", { children: [
      /* @__PURE__ */ t("div", { style: { marginBottom: "16px" }, children: [
        /* @__PURE__ */ e("label", { children: "Name:" }),
        /* @__PURE__ */ e("input", { type: "text", style: { width: "100%", padding: "8px", marginTop: "4px" } })
      ] }),
      /* @__PURE__ */ t("div", { style: { marginBottom: "16px" }, children: [
        /* @__PURE__ */ e("label", { children: "Email:" }),
        /* @__PURE__ */ e("input", { type: "email", style: { width: "100%", padding: "8px", marginTop: "4px" } })
      ] }),
      /* @__PURE__ */ t("div", { style: { marginBottom: "16px" }, children: [
        /* @__PURE__ */ e("label", { children: "Message:" }),
        /* @__PURE__ */ e("textarea", { style: { width: "100%", padding: "8px", marginTop: "4px", height: "100px" } })
      ] }),
      /* @__PURE__ */ e("button", { type: "submit", style: { padding: "8px 16px" }, children: "Submit" })
    ] })
  }
}, p = {
  args: {
    isOpen: !1,
    title: "Closed Modal",
    children: /* @__PURE__ */ e("div", { children: "This modal is closed" })
  }
};
export {
  p as Closed,
  s as Default,
  d as WithForm,
  r as default
};