@clubmed/trident-ui/molecules/Forms/FormLabel.js

Shared ClubMed React UI components

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