spb/fetcha

1import * as React from "react";2import { cn } from "@/lib/utils";34export function Label({ className, ...props }: React.LabelHTMLAttributes<HTMLLabelElement>) {5  return <label className={cn("text-[13px] font-medium text-fg leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-60", className)} {...props} />;6}78export function Hint({ className, ...props }: React.HTMLAttributes<HTMLParagraphElement>) {9  return <p className={cn("text-xs text-fg-subtle leading-relaxed", className)} {...props} />;10}1112export function FieldError({ children }: { children?: React.ReactNode }) {13  if (!children) return null;14  return <p className="text-xs text-danger" role="alert">{children}</p>;15}1617export function Field({ children, className }: { children: React.ReactNode; className?: string }) {18  return <div className={cn("grid gap-1.5", className)}>{children}</div>;19}20