collaborative-ui/lib/CopyText/index.js

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

"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.CopyText = void 0;
const tslib_1 = require("tslib");
const React = tslib_1.__importStar(require("react"));
const nano_theme_1 = require("nano-theme");
const BasicTooltip_1 = require("nice-ui/lib/4-card/BasicTooltip");
const CopyButton_1 = require("../CopyButton");
const use_t_1 = require("use-t");
const css = {
    block: (0, nano_theme_1.rule)({
        pos: 'relative',
        bxz: 'border-box',
        mr: 0,
        pd: 0,
        minH: '24px',
        w: '100%',
    }),
    copy: (0, nano_theme_1.rule)({
        pos: 'absolute',
        top: 0,
        right: 0,
        mr: 0,
        pd: 0,
    }),
    content: (0, nano_theme_1.rule)({
        ovy: 'auto',
    }),
};
const CopyText = ({ src, children = src() }) => {
    const [t] = (0, use_t_1.useT)();
    return (React.createElement("div", { className: css.block },
        React.createElement("div", { className: css.copy },
            React.createElement(BasicTooltip_1.BasicTooltip, { renderTooltip: () => t('Copy') },
                React.createElement(CopyButton_1.CopyButton, { onCopy: src }))),
        React.createElement("div", { className: css.content }, children)));
};
exports.CopyText = CopyText;