Example react component for fractal

button.jsx

import React, { PropTypes } from 'react';

const STYLE_PREFIX = 'c-button';

const Button = (props) => {
  const buttonProps = {
    className: `${STYLE_PREFIX}`,
    disabled: props.disabled,
    type: props.submit ? 'submit' : 'button'
  };

  props.modifiers.forEach((modifier) => {
    buttonProps.className += ` ${STYLE_PREFIX}--${modifier}`;
  });

  if (props.onClick) {
    buttonProps.onClick = props.onClick;
  }

  if (props.ariaLabel) {
    buttonProps['aria-label'] = props.ariaLabel;
  }

  return (
    <button
      {...buttonProps}
    >
      {props.label}
    </button>
  );
};

Button.propTypes = {
  label: PropTypes.string.isRequired,
};

Button.defaultProps = {
  disabled: false,
  label: 'Label',
  modifiers: [],
  onClick: () => {},
  submit: false
};

export default Button;