nice-ui/lib/5-block/CommandPalette/CommandPaletteHeader.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CommandPaletteHeader = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const height = 32;
const blockClass = (0, nano_theme_1.rule)({
    ...nano_theme_1.theme.font.ui2.mid,
    d: 'flex',
    fl: `0 0 ${height}px`,
    ai: 'center',
    fd: 'row-reverse',
    h: `${height}px`,
    fz: '12px',
    pd: '0 24px',
    bxz: 'border-box',
});
const CommandPaletteHeader = ({ bg, left, children }) => {
    const theme = (0, nano_theme_1.useTheme)();
    return (React.createElement("div", { className: blockClass, style: {
            color: theme.g(0.4),
            background: bg ? theme.g(0, 0.04) : undefined,
            flexDirection: left ? 'row' : undefined,
        } }, children));
};
exports.CommandPaletteHeader = CommandPaletteHeader;