json-joy
Version:
Collection of libraries for building collaborative editing apps.
19 lines (18 loc) • 574 B
JavaScript
// biome-ignore lint: lint/style/useImportType
import * as React from 'react';
import { drule, useTheme } from 'nano-theme';
const blockClass = drule({
pd: '8px 20px',
});
export const ContextHeader = ({ compact, children, ...rest }) => {
const theme = useTheme();
const className = (rest.className || '') +
blockClass({
bg: theme.g(0, 0.05),
});
const style = {
padding: compact ? '8px' : void 0,
...rest.style,
};
return (React.createElement("div", { className: className, style: style }, children));
};