@uva-glass/component-library/dist/components/RadioButton/RadioButton.js

React components UvA

import { jsxs as b, jsx as a } from "react/jsx-runtime";
import { c as d } from "../../clsx-OuTLNxxd.js";
import '../../assets/RadioButton.css';const t = {
  "radio-button": "_radio-button_12bfi_1",
  "radio-button__input": "_radio-button__input_12bfi_8",
  "radio-button__label": "_radio-button__label_12bfi_17",
  "radio-button__description": "_radio-button__description_12bfi_33",
  "radio-button--gap-large": "_radio-button--gap-large_12bfi_48"
}, s = ({ id: o, label: r, gap: _ = "normal", description: i, ...n }) => /* @__PURE__ */ b("div", { className: d(t["radio-button"], t[`radio-button--gap-${_}`]), children: [
  /* @__PURE__ */ a(
    "input",
    {
      className: t["radio-button__input"],
      ...n,
      id: o,
      type: "radio",
      "aria-describedby": i ? `${o}-description` : void 0
    }
  ),
  /* @__PURE__ */ a("label", { className: t["radio-button__label"], htmlFor: o, children: r }),
  i && /* @__PURE__ */ a("p", { id: `${o}-description`, className: t["radio-button__description"], children: i })
] });
export {
  s as RadioButton
};
//# sourceMappingURL=RadioButton.js.map