import { t as e } from "../../../chunks/clsx.js";
import { Icon as t } from "@clubmed/trident-icons";
import { jsx as n, jsxs as r } from "react/jsx-runtime";
//#region lib/ui/forms/password/ValidationMessage.tsx
var i = {
	default: {
		iconName: "Edit",
		iconColor: "middleGrey"
	},
	error: {
		iconName: "Error",
		iconColor: "red"
	},
	success: {
		iconName: "CheckDefault",
		iconColor: "green"
	}
};
function a({ label: a, status: o }) {
	let { iconName: s, iconColor: c } = i[o];
	return /* @__PURE__ */ r("div", {
		className: "flex gap-[6px] px-20 items-center",
		children: [/* @__PURE__ */ n(t, {
			name: s,
			width: "30px",
			color: c
		}), /* @__PURE__ */ n("span", {
			className: e("text-b3", `text-${c}`),
			children: a
		})]
	});
}
//#endregion
export { a as ValidationMessage };

//# sourceMappingURL=ValidationMessage.js.map