Stateless function Button component

Button.jsx

import React from 'react';
import cx from 'classnames';

import styles from './Button.css';


const Button = ({modifier="default", size="medium", href, children, ...props}) => {
  const classes = cx([styles.root, styles[`variant-${modifier}`], styles[`size-${size}`]]);

  return href ?
    <a className={classes} href={href} {...props}>{children}</a> :
    <button className={classes} {...props}>{children}</button>
};

export default Button;