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)));
};
//# sourceMappingURL=Codeblock.js.map