stitch-ui/src/core/components/Button.js

// TODO proptypes
/* eslint-disable react/prop-types */
import React from "react"; // eslint-disable-line no-unused-vars
import classNames from "classnames";

export default function Button(props) {
  const givenClassName = props.className;
  const newProps = {
    ...props,
    className: classNames("button", givenClassName, {
      "button-is-default": props.default,
      "button-is-small": props.small,
      "button-is-large": props.large,
      "button-is-primary": props.primary,
      "button-is-alert": props.alert,
      "button-is-info": props.info,
      "button-is-disabled": props.disabled,
      "button-is-circle": props.circle,
      "view-modal-footer-buttons": props.footer
    })
  };
  delete newProps.default;
  delete newProps.small;
  delete newProps.large;
  delete newProps.primary;
  delete newProps.alert;
  delete newProps.info;
  delete newProps.disabled;
  delete newProps.circle;
  delete newProps.footer;
  return <button {...newProps} />;
}