gistfile1.txt

import React from 'react'
import PropTypes from 'prop-types';

const alignment = {
  left: 'flex-start',
  center: 'center',
  right: 'flex-end'
}

const alignItems = alignment[align]

var rootClasses = `
  ta-right
  color-blue
  alignItems
`

class Section extends React.Component {
  render() {
    return (
      <button
        className={rootClasses}>
        {this.props.value}
      </button>
    );
  }
}

Section.propTypes = {
  name: PropTypes.string.isRequired,
  align: PropTypes.oneOf(['left', 'center', 'right']),
};

Section.defaultProps = {
  value: 'Hello',
  align: 'center',
};

export default Section;