| 1 | import 'react' |
| 2 | import type { JSX, MouseEventHandler } from 'react' |
| 3 | import './button.css' |
| 4 | |
| 5 | interface ButtonProps { |
| 6 | children?: any[] | string |
| 7 | onClick: MouseEventHandler |
| 8 | primary?: boolean |
| 9 | secondary?: boolean |
| 10 | danger?: boolean |
| 11 | disabled?: boolean |
| 12 | } |
| 13 | |
| 14 | export function Button ({ children, onClick, primary, secondary, danger, disabled }: ButtonProps): JSX.Element { |
| 15 | return ( |
| 16 | <button disabled={disabled} type='button' onClick={onClick} className={`Button ${primary === true ? 'primary' : ''} ${secondary === true ? 'secondary' : ''} ${danger === true ? 'danger' : ''}`}> |
| 17 | {children} |
| 18 | </button> |
| 19 | ) |
| 20 | } |