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

38 lines
721 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:hover {
background: ${COLORS.HOVER} !important;
}
button > span {
font-size: 14px;
line-height: 1;
}
`}</style>
</button>
)