import * as React from 'react' ; import styles from './Button.module.scss' ; interface Props { onClick ? : ( event : React . MouseEvent | Event ) => void ; size ? : 's' | 'm' | 'l' | 'xl' ; disabled ? : boolean ; } const Button = props => { const { onClick } = props ; const size = props . size ?? 'm' ; return ( < button className = { `${ styles . button } ${ styles [ `button-${ size }` ] }` } onClick = { onClick } disabled = { props . disabled } > { props . children } < /button>); } ; export default Button ;