@anoki/fse-ui/dist/index.es114.js

FSE UI components library

import { j as s } from "./index.es237.js";
import { clsx as c } from "./index.es239.js";
import './components/ui/RadioCard/RadioCard.css';/* empty css            */
import { Col as t } from "./index.es61.js";
const h = ({
  id: r,
  name: i,
  value: l,
  checked: e = !1,
  children: o,
  label: x,
  description: a,
  onChange: d,
  className: m
}) => /* @__PURE__ */ s.jsxs(
  "label",
  {
    className: c(
      m,
      "shadow bg-white br-x4 ui-radio-card",
      e && "ui-radio-card-checked"
    ),
    htmlFor: r,
    children: [
      /* @__PURE__ */ s.jsx(
        "input",
        {
          type: "radio",
          id: r,
          name: i,
          value: l,
          checked: e,
          onChange: d
        }
      ),
      /* @__PURE__ */ s.jsxs(t, { gap: "x24", justifyContent: "center", children: [
        /* @__PURE__ */ s.jsxs(t, { gap: "x4", children: [
          /* @__PURE__ */ s.jsx("div", { className: "fw-semibold text-slate-20 fs-5 md-fs-4", children: x }),
          a && /* @__PURE__ */ s.jsx("p", { className: "fs-6 fw-regular text-slate-20", children: a })
        ] }),
        o
      ] })
    ]
  }
);
export {
  h as RadioCard
};
//# sourceMappingURL=index.es114.js.map