@clubmed/trident-ui/ui/forms/password/ValidationMessage.js

Shared ClubMed React UI components

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