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

React design system, components, and utilities

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.ItemText = void 0;
const React = require("react");
const useWindowSize_1 = require("react-use/lib/useWindowSize");
const Code_1 = require("../../../1-inline/Code");
const Highlight_1 = require("../../../1-inline/Highlight");
const ItemText = ({ id, name, ellipsis, highlight }) => {
    const { width } = (0, useWindowSize_1.default)();
    const isVerySmall = width < 540;
    return (React.createElement("span", { style: { userSelect: 'none' } },
        React.createElement(Highlight_1.Highlight, { text: name, query: highlight }),
        ellipsis ? ' …' : null,
        !isVerySmall && (React.createElement("span", { style: { visibility: !!id ? undefined : 'hidden' } },
            "\u00A0\u00A0\u2014\u00A0\u00A0",
            React.createElement(Code_1.Code, { alt: true, size: -1 }, id || '.')))));
};
exports.ItemText = ItemText;