You cannot select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
carbon/components/Button.js

28 lines
600 B
JavaScript

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>
)