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

//# sourceMappingURL=FormLabel.js.map