json-joy
Version:
Collection of libraries for building collaborative editing apps.
29 lines • 951 B
JavaScript
import * as React from 'react';
import { drule } from 'nano-theme';
const blockClass = drule({
bd: 0,
col: 'black',
ff: 'inherit',
fw: 500,
lh: '1.15em',
mr: 'none',
pd: '.375em .625em',
trs: 'all .15s cubic-bezier(.65,.05,.36,1)',
});
export const Button = ({ active, small, children, ...rest }) => {
const className = (rest.className || '') +
blockClass({
bdrad: active ? '12px' : '6px',
bg: active ? '#07f' : 'rgba(61, 37, 20, .08)',
col: active ? 'white' : 'black',
fz: small ? '11px' : '14px',
'&:hover': {
bg: active ? '#06e' : 'rgba(61, 37, 20, .12)',
},
'&:active': {
bg: active ? '#05d' : 'rgba(61, 37, 20, .18)',
},
});
return (React.createElement("button", { type: 'button', ...rest, className: className }, children));
};
//# sourceMappingURL=index.js.map