collaborative-ui/lib/atoms/ReadonlyLabel.js

React component library for building real-time collaborative editing applications.

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.LogReadonlyLabel = exports.ReadonlyLabel = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const Code_1 = require("nice-ui/lib/1-inline/Code");
const BasicTooltip_1 = require("nice-ui/lib/4-card/BasicTooltip");
const use_t_1 = require("use-t");
const ReadonlyLabel = ({ tooltip = '' }) => {
    let element = (React.createElement(Code_1.Code, { gray: true, size: -2, spacious: true, alt: true }, "readonly"));
    if (tooltip) {
        element = (React.createElement(BasicTooltip_1.BasicTooltip, { nowrap: true, renderTooltip: () => tooltip }, element));
    }
    return element;
};
exports.ReadonlyLabel = ReadonlyLabel;
const LogReadonlyLabel = () => {
    const [t] = (0, use_t_1.useT)();
    return React.createElement(exports.ReadonlyLabel, { tooltip: t('Log is paused') });
};
exports.LogReadonlyLabel = LogReadonlyLabel;