A Button, wrong way.

Button.jsx

import React from 'react';
import cn from 'classnames';

type Props = {
  type: 'square' | 'round' | 'circle' | 'outline',
  color: 'red' | 'orange' | 'green' | 'lightgray',
  children: string,
};

const Button = ({ children, type = 'square', color = 'red' }: Props) => {
  const classes = cn('Button', `Button--${type}`, `Button--${color}`);

  return (
    <button className={classes}>
      {children}
    </button>
  );
};

export default Button;