json-joy
Version:
Collection of libraries for building collaborative editing apps.
40 lines • 1.13 kB
JavaScript
import * as React from 'react';
import { Flex } from 'nice-ui/lib/3-list-item/Flex';
import { rule } from 'nano-theme';
const blockClass = rule({
d: 'flex',
ai: 'center',
fz: '14px',
us: 'none',
});
const iconClass = rule({
fz: '15.7px',
w: '30px',
h: '30px',
bdrad: '6px',
pd: '0',
mr: '1px 9px 1px 1px',
d: 'flex',
ai: 'center',
jc: 'center',
bg: 'rgba(0,0,0,.08)',
o: 0.7,
'&>div': {
transform: 'scale(.9)',
transformOrigin: 'center',
d: 'flex',
ai: 'center',
jc: 'center',
},
});
export const FormattingTitle = ({ formatting }) => {
const behavior = formatting.behavior;
const menu = behavior.data().menu;
const icon = menu?.icon?.();
const name = menu?.name ?? behavior.name;
return (React.createElement("div", { className: blockClass }, icon ? (React.createElement(Flex, { style: { alignItems: 'center' } },
React.createElement("div", { className: iconClass },
React.createElement("div", null, icon)),
name)) : (name)));
};
//# sourceMappingURL=FormattingTitle.js.map