import { HTMLAttributes } from 'react';

export default function InputLabel({ className = '', children, ...props }: HTMLAttributes<HTMLLabelElement> & { htmlFor?: string }) {
    return (
        <label 
            {...props} 
            className={'bg-secondary-main h-[30px] w-[30px] flex items-center justify-center flex-shrink-0 join-item' +
                className
            }
        >
            { children }
        </label>
    );
}