json-joy
Version:
Collection of libraries for building collaborative editing apps.
35 lines (34 loc) • 1.16 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.Button = void 0;
const tslib_1 = require("tslib");
// biome-ignore lint: React is used for JSX
const React = tslib_1.__importStar(require("react"));
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.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)',
});
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));
};
exports.Button = Button;