2025-05-10 11:10:11 +03:00

27 lines
676 B
TypeScript

import React from 'react';
import { cn } from '@/lib/utils';
export function Form({ className, children, ...props }: React.ComponentProps<'form'>) {
return (
<form {...props} className={cn('flex w-full flex-col gap-6', className)}>
{children}
</form>
);
}
export function FormFields({ className, children, ...props }: React.ComponentProps<'div'>) {
return (
<div className={cn('grid gap-6', className)} {...props}>
{children}
</div>
);
}
export function FormField({ className, children, ...props }: React.ComponentProps<'div'>) {
return (
<div className={cn('grid gap-2', className)} {...props}>
{children}
</div>
);
}