Form

"use client";

import { Form } from "@base-ui/react/form";
import type React from "react";
import { cn } from "@/lib/utils";
import styles from "./form.module.css";

function FormRoot({ className, ...props }: Form.Props) {
  return <Form className={cn(styles.root, className)} {...props} />;
}

function FormGroup({ className, ...props }: React.ComponentProps<"div">) {
  return <div className={cn(styles.formGroup, className)} {...props} />;
}

function FormRow({ className, ...props }: React.ComponentProps<"div">) {
  return <div className={cn(styles.formRow, className)} {...props} />;
}

function FormActions({ className, ...props }: React.ComponentProps<"div">) {
  return <div className={cn(styles.formActions, className)} {...props} />;
}

export { FormRoot as Form, FormActions, FormGroup, FormRow };