json-joy
Version:
Collection of libraries for building collaborative editing apps.
18 lines (17 loc) • 541 B
JavaScript
// biome-ignore lint: React is used for JSX
import * as React from 'react';
import { rule } from 'nano-theme';
import { fonts } from 'nice-ui/lib/styles';
const blockClass = rule({
...fonts.get('mono', 'mid'),
bg: 'rgba(0,0,0,.02)',
// pd: '16px',
pd: 'calc(max(16px, 1em))',
bdrad: 'calc(max(16px, 1em))',
fz: '.85em',
lh: '1.4em',
});
export const Codeblock = ({ block, children }) => {
return (React.createElement("pre", { className: blockClass },
React.createElement("code", null, children)));
};