@coveord/plasma-mantine/dist/esm/components/copyToClipboard/CopyToClipboard.js

A Plasma flavoured Mantine theme

import { jsx as _jsx } from "react/jsx-runtime";
import { CheckSize16Px, CopySize16Px } from '@coveord/plasma-react-icons';
import { ActionIcon, CopyButton, TextInput, Tooltip } from '@mantine/core';
const CopyToClipboardButton = ({ value, onCopy, color })=>/*#__PURE__*/ _jsx(CopyButton, {
        value: value,
        timeout: 2000,
        children: ({ copied, copy })=>/*#__PURE__*/ _jsx(Tooltip, {
                label: copied ? 'Copied' : 'Copy',
                children: /*#__PURE__*/ _jsx(ActionIcon, {
                    variant: "subtle",
                    color: copied ? 'success' : color,
                    onClick: ()=>{
                        copy();
                        onCopy?.();
                    },
                    children: copied ? /*#__PURE__*/ _jsx(CheckSize16Px, {
                        height: 16
                    }) : /*#__PURE__*/ _jsx(CopySize16Px, {
                        height: 16
                    })
                })
            })
    });
export const CopyToClipboard = ({ withLabel, ...others })=>withLabel ? /*#__PURE__*/ _jsx(TextInput, {
        value: others.value,
        readOnly: true,
        autoComplete: "off",
        rightSection: /*#__PURE__*/ _jsx(CopyToClipboardButton, {
            color: "action",
            ...others
        })
    }) : /*#__PURE__*/ _jsx(CopyToClipboardButton, {
        ...others
    });

//# sourceMappingURL=CopyToClipboard.js.map