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