json-joy
Version:
Collection of libraries for building collaborative editing apps.
21 lines • 735 B
JavaScript
import * as React from 'react';
import { rule } from 'nano-theme';
import { TopToolbar } from '../TopToolbar';
import { useToolbarPlugin } from '../context';
const blockClass = rule({
bg: 'white',
bxz: 'border-box',
bdrad: '16px',
pad: '24px 32px',
bxsh: '0 1px 8px #00000008,0 1px 4px #0000000a,0 4px 10px #0000000f',
'&:hover': {
bxsh: '0 1px 8px #00000008,0 1px 4px #0000000a,0 4px 10px #0000000f,0 0 3px #0000001f',
},
});
export const Chrome = ({ children }) => {
const ctx = useToolbarPlugin();
return (React.createElement("div", { className: blockClass },
!!ctx && React.createElement(TopToolbar, { ctx: ctx.surface }),
children));
};
//# sourceMappingURL=index.js.map