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

React components UvA

import { jsx as e, jsxs as i } from "react/jsx-runtime";
import { Fieldset as l } from "./Fieldset.js";
import { InputField as t } from "../InputField/InputField.js";
import { Label as r } from "../Label/Label.js";
import { Container as a } from "../../storyComponents/Container/Container.js";
import { FormField as s } from "../FormField/FormField.js";
const m = "<Fieldset legend={legend} description={description}>{children}</Fieldset>", u = {
  title: "Atoms/Fieldset",
  component: l,
  argTypes: {
    descriptionId: {
      table: {
        disable: !0
      }
    }
  },
  parameters: {
    inspectComponent: l,
    codeString: m
  }
}, o = (n) => /* @__PURE__ */ e(a, { size: "large", children: /* @__PURE__ */ i(l, { ...n, children: [
  /* @__PURE__ */ i(s, { children: [
    /* @__PURE__ */ e(r, { htmlFor: "d6aa53fd", children: "Example label 1" }),
    /* @__PURE__ */ e(t, { id: "d6aa53fd" })
  ] }),
  /* @__PURE__ */ i(s, { children: [
    /* @__PURE__ */ e(r, { htmlFor: "4e7a2f22", children: "Example label 2" }),
    /* @__PURE__ */ e(t, { id: "4e7a2f22" })
  ] })
] }) }), d = {
  legend: "Fieldset example",
  inline: !1
}, p = o.bind({});
p.args = {
  ...d
};
const c = o.bind({});
c.args = {
  ...d,
  description: "A Fieldset groups several controls as well as labels"
};
export {
  p as FieldsetExample,
  c as WithDescriptionExample,
  u as default
};
//# sourceMappingURL=Fieldset.stories.js.map