import { cn } from "../../lib/cn";
import { fieldNote, type FormFieldProps } from "./shared";

export function FormField({
  children,
  className,
  error,
  hint,
  label,
}: FormFieldProps) {
  return (
    <div className={cn("flex w-full flex-col gap-2", className)}>
      {label ? <span className="text-sm font-medium text-[var(--uhuru-text-primary)]">{label}</span> : null}
      {children}
      {fieldNote(error, hint)}
    </div>
  );
}