export type CheckBoxProps = Omit<
    React.InputHTMLAttributes<HTMLInputElement>,
    'type'
> & {
    children: React.ReactNode;
};

export function CheckBox({ children, ...props }: CheckBoxProps) {
    return (
        <div className="flex items-baseline gap-2.5">
            <input {...props} type="checkbox" />
            <label htmlFor={props.id} className="text-gray-900">
                {children}
            </label>
        </div>
    );
}