content: import React from 'react'
  import cx from 'classnames'
  import PropTypes from 'prop-types'
  import './styles.module.scss'
  
  const Button = ({ className, theme, size, inline, children, ...rest }) => {
    const style = cx('button', {
      inline: inline,
      primary: theme === 'primary',
      sm: size === 'sm',
      md: size === 'md',
      lg: size === 'lg'
    })
    return (
      <button className={className} styleName={style} {...rest}>
        {children}
      </button>
    )
  }
  
  Button.propTypes = {
    theme: PropTypes.oneOf(['primary']),
    size: PropTypes.oneOf(['sm', 'md', 'lg']),
    inline: PropTypes.bool,
    children: PropTypes.node
  }
  
  Button.defaultProps = {
    theme: 'primary',
    size: 'sm',
    inline: false
  }
  
  export default Button
  