Children in react

children.js

import React from 'react';

const checkSize = size => {
  switch (size) {
    case 'large':
      return 100;
    case 'medium':
      return 75;
    default:
      return 50;
  }
}

const Button = ({ children, color, size, onClick }) => {
  return (
    <button
      style={{ backgroundColor: color, width: checkSize(size) }}
      onClick={onClick}
      >
        {children}
    </button>
  )
}

const Thinkful = () => (
  <div>
    <Button onClick={() => alert('Small')} color="pink">
      Small
    </Button>
    <br/>
    <Button size="medium" onClick={() => alert('Medium')} color="yellow">
      Medium
    </Button>
    <br/>
    <Button size="large" onClick={() => alert('Large')} color="blue">
      Large
    </Button>
  </div>
);

export default Thinkful;