zhenyulin / ultimate-hot-boilerplate

import React from 'react';

import PropTypes from 'prop-types';

import styled from 'styled-components';

export class BasicButton extends React.PureComponent {

  static propTypes = {

    className: PropTypes.string,

    func: PropTypes.func,

    text: PropTypes.string,

  };

  static defaultProps = {};

  render() {

    const { className, text } = this.props;

    const { func } = this.props;

    return (

      <button className={className} type="button" onClick={() => func()}>

        {text}

      </button>

    );

  }

}

export default styled(BasicButton)`

  height: 30px;

  width: 120px;

  border: none;

  margin: 5px;

  cursor: pointer;

  font-size: 13px;

  text-align: center;

  background: lightgrey;

`;