24 lines
653 B
TypeScript
24 lines
653 B
TypeScript
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>
|
|
)
|
|
}
|