import { type MouseEventHandler } from 'react'
import './styles/Button.css'

interface PropsForInputButton {
    id: string
    label: string
    rainbow: boolean
    disabled: boolean
    selected: boolean
    onClick: MouseEventHandler<HTMLButtonElement>
}

export default function InputButton({ id, label, disabled, selected, rainbow, onClick }: PropsForInputButton) {
    return (
        <button
            id={id}
            onClick={onClick}
            disabled={disabled || selected}
            className={`input-button ${selected ? 'selected' : ''} ${rainbow ? 'rainbow' : ''}`}>
            {label.toUpperCase()}
        </button>
    )
}