import { type InputHTMLAttributes } from 'react';

import { cn } from '@admin/lib/utils';

export function Checkbox({ className, ...props }: InputHTMLAttributes<HTMLInputElement>) {
    return (
        <input
            type="checkbox"
            className={cn(
                'shrink-0 mt-0.5 border-gray-200 rounded text-primary focus:ring-primary dark:bg-bgdark dark:border-white/10 dark:checked:bg-primary dark:checked:border-primary dark:focus:ring-offset-white/10',
                className,
            )}
            {...props}
        />
    );
}