@clubmed/trident-ui/ui/forms/FormControlError.js

Shared ClubMed React UI components

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