content: /*
   * Copyright 2012-present, Polis Technology Inc.
   * All rights reserved.
   *
   * This source code is licensed under the BSD-style license found in the
   * LICENSE file in the root directory of this source tree. An additional grant
   * of patent rights for non-commercial use can be found in the PATENTS file
   * in the same directory.
   */
  
  import Radium from 'radium';
  import React from 'react';
  
  var styles = {
    base: {
      fontSize: 16,
      backgroundColor: "#0074d9",
      color: "#fff",
      border: 0,
      marginRight: 10,
      borderRadius: "0.3em",
      padding: "0.4em 1em",
      cursor: "pointer",
      outline: "none",
  
      '@media (min-width: 992px)': {
        padding: "0.6em 1.2em"
      },
  
      '@media (min-width: 1200px)': {
        padding: "0.8em 1.5em"
      },
  
      ':hover': {
        backgroundColor: "#0088FF"
      },
  
      ':focus': {
        backgroundColor: "#0088FF"
      },
  
      ':active': {
        backgroundColor: "#005299",
        transform: "translateY(2px)",
      }
    },
  };
  
  @Radium
  class Button extends React.Component {
    render() {
      return (
        <button
          onClick={this.props.onClick}
          style={[
            styles.base,
            this.props.style
          ]}>
          {this.props.children}
        </button>
      );
    }
  }
  
  Button.propTypes = {
    onClick: React.PropTypes.func
  };
  
  
  module.exports = Button;
  