import { InformationTag } from "../../InformationTag/index.mjs";
import { FormLabel } from "../FormLabel.mjs";
import { RequiredStar } from "./RequiredStar.mjs";
import { clsx } from "clsx";
import { jsx, jsxs } from "react/jsx-runtime";

//#region src/components/Form/layout/FormLabelLayout.tsx
const FormLabelLayout = ({ children, isRequired, info, htmlFor, className }) => /* @__PURE__ */ jsxs("div", {
	className: "ml-1 flex gap-1 align-middle text-base leading-none",
	children: [children && /* @__PURE__ */ jsxs(FormLabel, {
		htmlFor,
		id: `${htmlFor}-label`,
		suppressHydrationWarning: true,
		className: clsx("font-bold", className),
		children: [children, /* @__PURE__ */ jsx(RequiredStar, { isRequired })]
	}), info && /* @__PURE__ */ jsx(InformationTag, { content: info })]
});

//#endregion
export { FormLabelLayout };
//# sourceMappingURL=FormLabelLayout.mjs.map