import React from 'react'
import { COLORS } from '../lib/constants'

export default (props) => (
  <button onClick={props.onClick} style={Object.assign({
    background: COLORS.BLACK,
    color: props.color,
    border: `0.5px solid ${props.color}`
  }, props.style)}>
    <span>{props.title}</span>
    <style jsx>{`
      button {
        cursor: pointer;
        outline: none;
        height: 100%;
        padding: 0 16px;
        border-radius: 3px;
        user-select: none;
      }

      button > span {
        font-size: 14px;
        line-height: 1;
      }
    `}</style>
  </button>
)