@clubmed/trident-ui/ui/forms/FormLabel.js

Shared ClubMed React UI components

import { jsxs as i, jsx as n } from "react/jsx-runtime";
import { c as m } from "../../chunks/clsx.js";
const p = ({
  id: s,
  description: l,
  layout: e = "horizontal",
  required: t,
  className: a,
  children: r,
  hideRequiredStar: o = !t,
  ...c
}) => /* @__PURE__ */ i(
  "label",
  {
    ...c,
    htmlFor: s,
    className: m(
      "text-b3 font-semibold text-black flex",
      {
        "ps-20": e.includes("horizontal") && !e.includes("no-padding"),
        "flex-wrap items-center": e.includes("horizontal"),
        "flex-col items-start": e.includes("vertical")
      },
      a
    ),
    "data-name": "InputLabel",
    children: [
      r,
      t && !o && /* @__PURE__ */ n("span", { children: "*" }),
      l && /* @__PURE__ */ n("span", { className: "ms-12 text-b4 text-grey font-normal", children: l })
    ]
  }
);
export {
  p as FormLabel
};
//# sourceMappingURL=FormLabel.js.map