// Adapted from Base UI compositions (MIT). See THIRD_PARTY_NOTICES.md.
"use client";
import type { ComponentProps } from "react";
import { Form as Primitive, Field as FieldPrimitive } from "./_ynrlib/base-ui.js";
export function Form({
  className,
  ...props
}: ComponentProps<typeof Primitive>) {
  return (
    <Primitive
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-form-root ${className(state) ?? ""}`
          : `ynr-form-root ${className ?? ""}`
      }
    />
  );
}
export function FormField({
  className,
  ...props
}: ComponentProps<typeof FieldPrimitive.Root>) {
  return (
    <FieldPrimitive.Root
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-form-root ${className(state) ?? ""}`
          : `ynr-form-root ${className ?? ""}`
      }
    />
  );
}
export function FormLabel({
  className,
  ...props
}: ComponentProps<typeof FieldPrimitive.Label>) {
  return (
    <FieldPrimitive.Label
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-form-label ${className(state) ?? ""}`
          : `ynr-form-label ${className ?? ""}`
      }
    />
  );
}
export function FormControl({
  className,
  ...props
}: ComponentProps<typeof FieldPrimitive.Control>) {
  return (
    <FieldPrimitive.Control
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-form-control ${className(state) ?? ""}`
          : `ynr-form-control ${className ?? ""}`
      }
    />
  );
}
export function FormDescription({
  className,
  ...props
}: ComponentProps<typeof FieldPrimitive.Description>) {
  return (
    <FieldPrimitive.Description
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-form-description ${className(state) ?? ""}`
          : `ynr-form-description ${className ?? ""}`
      }
    />
  );
}
export function FormError({
  className,
  ...props
}: ComponentProps<typeof FieldPrimitive.Error>) {
  return (
    <FieldPrimitive.Error
      {...props}
      className={
        typeof className === "function"
          ? (state) => `ynr-form-error ${className(state) ?? ""}`
          : `ynr-form-error ${className ?? ""}`
      }
    />
  );
}