Home Reference Source

src/themes/default/components/Button/index.js

//@ts-check
import React from 'react';
import PropTypes from 'prop-types';
import { compose, setPropTypes } from 'recompose';

const enhance = compose(
    setPropTypes({
        text: PropTypes.string,
        onClick: PropTypes.func
    })
);

/**
 * A simple button component
 * @param {Object} param
 * @param {number} param.text - text to be rendered inside button.
 * @param {function(e: Object)} param.onClick - click handler function
 * @return {Object} React component
 */
export const Button = ({ text, onClick }) => (
    <button className="Button Button--solid" onClick={onClick}>
        {text}
    </button>
);

export default enhance(Button);