@uva-glass/component-library/dist/components/FormField/FormField.stories.js

React components UvA

import { jsxs as r, jsx as e } from "react/jsx-runtime";
import { FormField as o } from "./FormField.js";
import { InputField as t } from "../InputField/InputField.js";
import { Label as i } from "../Label/Label.js";
import { Container as n } from "../../storyComponents/Container/Container.js";
const a = "<FormField>{children}</FormField>", b = {
  title: "Atoms/FormField",
  component: o,
  argTypes: {
    outerSpace: {
      control: "boolean"
    },
    inline: {
      control: "boolean"
    }
  },
  parameters: {
    inspectComponent: o,
    codeString: a
  }
}, m = (l) => /* @__PURE__ */ r(n, { children: [
  /* @__PURE__ */ r(o, { ...l, children: [
    /* @__PURE__ */ e(i, { htmlFor: "d6aa53fd", children: "Example label 1" }),
    /* @__PURE__ */ e(t, { id: "d6aa53fd" })
  ] }),
  /* @__PURE__ */ r(o, { ...l, children: [
    /* @__PURE__ */ e(i, { htmlFor: "4e7a2f22", children: "Example label 2" }),
    /* @__PURE__ */ e(t, { id: "4e7a2f22" })
  ] })
] }), d = {
  outerSpace: !1,
  inline: !1
}, c = m.bind({});
c.args = {
  ...d
};
export {
  c as FormFieldExample,
  b as default
};
//# sourceMappingURL=FormField.stories.js.map