Button -> button html

main
Jake Dexheimer 7 years ago
parent 646d8919c5
commit 7db2e8ff4f

@ -2,23 +2,26 @@ import React from 'react'
import { COLORS } from '../lib/constants'
export default (props) => (
<div onClick={props.onClick} className="toolbar-btn" style={Object.assign({
<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>{`
div {
button {
cursor: pointer;
outline: none;
height: 100%;
display: flex;
align-items: center;
justify-content: center;
padding: 0 16px;
border-radius: 3px;
user-select: none;
}
button > span {
font-size: 14px;
line-height: 1;
}
`}</style>
</div>
</button>
)

Loading…
Cancel
Save