klg-asutk-app/components/ui/FormField.tsx

19 lines
411 B
TypeScript

'use client';
interface Props {
label: string;
children: React.ReactNode;
required?: boolean;
}
export default function FormField({ label, children, required }: Props) {
return (
<div className="mb-4">
<label className="block text-sm font-bold text-gray-600 mb-1">
{label}{required && <span className="text-red-500 ml-0.5">*</span>}
</label>
{children}
</div>
);
}