import { t as e } from "../../chunks/clsx.js";
import { twMerge as t } from "../helpers/twMerge.js";
import { Icon as n } from "@clubmed/trident-icons";
import { jsx as r, jsxs as i } from "react/jsx-runtime";
//#region lib/ui/forms/FormControlError.tsx
function a({ children: a, className: o, ...s }) {
	return /* @__PURE__ */ i("span", {
		...s,
		"data-testid": "FormControlError",
		className: e("text-red", t("text-b4 flex items-start gap-x-4 px-20", o)),
		children: [/* @__PURE__ */ r(n, {
			name: "Error",
			width: "20px"
		}), a]
	});
}
//#endregion
export { a as FormControlError };

//# sourceMappingURL=FormControlError.js.map