nice-ui/lib/5-block/CommandPalette/CommandPaletteList/CommandPaletteTitle.js

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CommandPaletteTitle = void 0;
const React = require("react");
const nano_theme_1 = require("nano-theme");
const blockClass = (0, nano_theme_1.rule)({
    ...nano_theme_1.lightTheme.font.ui3,
    col: nano_theme_1.lightTheme.g(0.4),
    fz: '12px',
    d: 'block',
    pad: '8px 24px',
    mar: 0,
    textTransform: 'uppercase',
    letterSpacing: '1px',
});
const CommandPaletteTitle = ({ contrast, children }) => {
    const theme = (0, nano_theme_1.useTheme)();
    return (React.createElement("h5", { className: blockClass, style: { color: contrast ? theme.g(0) : undefined } }, children));
};
exports.CommandPaletteTitle = CommandPaletteTitle;