import { jsx } from "react/jsx-runtime";
import { forwardRef } from "react";
import { cn } from "../utils/cn.js";
const Form = forwardRef(
  ({ className, children, nested = false, ...props }, ref) => {
    const baseStyles = cn("space-y-4", "w-full", className);
    if (nested) {
      return /* @__PURE__ */ jsx(
        "div",
        {
          role: "form",
          "aria-label": props["aria-label"],
          className: baseStyles,
          children
        }
      );
    }
    return /* @__PURE__ */ jsx("form", { ref, role: "form", className: baseStyles, ...props, children });
  }
);
Form.displayName = "Form";
export {
  Form
};
