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

39 lines
785 B
JavaScript

import React from 'react'
import { COLORS } from '../lib/constants'
7 years ago
export default props => (
<button
onClick={props.onClick}
style={{
...props.style,
background: COLORS.BLACK,
color: props.color,
border: `${props.selected ? 2 : 1}px solid ${props.color}`
}}
disabled={props.disabled}
7 years ago
>
<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;
}
7 years ago
button > span {
font-size: 14px;
line-height: 1;
}
`}
</style>
</button>
)