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

uikit for redesign

import { jsxs as r, Fragment as t, jsx as e } from "react/jsx-runtime";
import { Flex as l } from "../../../../components/Flex/ui/Flex.js";
const d = {
  title: "shared/ui/Flex",
  component: l,
  parameters: {
    layout: "centered"
  },
  tags: ["autodocs"],
  argTypes: {
    jc: {
      control: {
        type: "select",
        options: ["start", "end", "center", "between", "around", "evenly"]
      }
    },
    ai: {
      control: {
        type: "select",
        options: ["start", "end", "center", "stretch"]
      }
    },
    gap: {
      control: {
        type: "select",
        options: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16"]
      }
    },
    fd: {
      control: {
        type: "select",
        options: ["row", "row-reverse", "column", "column-reverse"]
      }
    },
    w: {
      control: {
        type: "select",
        options: ["nowrap", "wrap", "wrap-reverse"]
      }
    }
  }
}, o = {
  args: {
    children: /* @__PURE__ */ r(t, { children: [
      /* @__PURE__ */ e("div", { children: "Child 1" }),
      /* @__PURE__ */ e("div", { children: "Child 2" }),
      /* @__PURE__ */ e("div", { children: "Child 3" })
    ] })
  }
}, c = {
  args: {
    fd: "column",
    children: /* @__PURE__ */ r(t, { children: [
      /* @__PURE__ */ e("div", { children: "Child 1" }),
      /* @__PURE__ */ e("div", { children: "Child 2" }),
      /* @__PURE__ */ e("div", { children: "Child 3" })
    ] })
  }
}, s = {
  args: {
    gap: "4",
    children: /* @__PURE__ */ r(t, { children: [
      /* @__PURE__ */ e("div", { children: "Child 1" }),
      /* @__PURE__ */ e("div", { children: "Child 2" }),
      /* @__PURE__ */ e("div", { children: "Child 3" })
    ] })
  }
};
export {
  c as Column,
  o as Default,
  s as WithGap,
  d as default
};