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

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CommandPalette = void 0;
const React = require("react");
const useWindowSize_1 = require("react-use/lib/useWindowSize");
const Modal_1 = require("../../7-fullscreen/Modal");
const CommandPaletteSizer_1 = require("./CommandPaletteSizer");
const CommandPalette = ({ input, header, footer, children, onClose }) => {
    const { width } = (0, useWindowSize_1.default)();
    const isSmall = width < 500;
    return (React.createElement(Modal_1.Modal, { onEsc: onClose, onOutsideClick: onClose, noPadding: true, raise: true, contrast: true, rounder: true },
        React.createElement(CommandPaletteSizer_1.CommandPaletteSizer, null,
            input,
            !isSmall && header,
            children,
            !isSmall && footer)));
};
exports.CommandPalette = CommandPalette;