import { j as a } from "../../node_modules/react/jsx-runtime.js";
import * as n from "react";
import { cn as o } from "../../utils/index.js";
import { Label as m } from "../Label/index.js";
const u = ({
  className: r,
  ...e
}) => /* @__PURE__ */ a.jsx("div", { className: o("space-y-2", r), ...e }), i = n.forwardRef(({ className: r, variant: e, ...t }, s) => /* @__PURE__ */ a.jsx(
  m,
  {
    ref: s,
    className: o(
      e === "error" && "text-interaction-critical-default",
      r
    ),
    ...t
  }
));
i.displayName = "FormLabel";
const c = n.forwardRef(({ className: r, ...e }, t) => /* @__PURE__ */ a.jsx(
  "p",
  {
    ref: t,
    className: o("text-xs text-content-secondary", r),
    ...e
  }
));
c.displayName = "FormDescription";
const l = n.forwardRef(({ className: r, children: e, ...t }, s) => e ? /* @__PURE__ */ a.jsx(
  "p",
  {
    ref: s,
    className: o("text-xs text-interaction-critical-default", r),
    ...t,
    children: e
  }
) : null);
l.displayName = "FormMessage";
function d({ className: r, ...e }) {
  return /* @__PURE__ */ a.jsx(
    "section",
    {
      className: o(
        "flex flex-col gap-10 mx-auto container max-w-[712px] p-8",
        r
      ),
      ...e
    }
  );
}
export {
  d as FormContainer,
  c as FormDescription,
  u as FormField,
  i as FormLabel,
  l as FormMessage
};
