codehub_/resources/js/Components/Checkbox.tsx

import { InputHTMLAttributes } from 'react';

export default function Checkbox({ className = '', ...props }: InputHTMLAttributes<HTMLInputElement>) {
    return (
        <input
            {...props}
            type="checkbox"
            className={
                'rounded border-secondary-main text-secondary-main shadow-sm ' +
                'focus:ring-0 checked:bg-secondary-main checked:border-secondary-main ' +
                className
            }
        />
    );
}