@cimpress/react-components/dist/esm/docs/components/copy/copyButton.js

React components to support the MCP styleguide

import React from 'react';
import { Copy } from '@cimpress/react-components';
const CodeBlockDemo = () => {
    const textToCopy = 'I will be copied into the Clipboard.';
    return (React.createElement("div", null,
        React.createElement("h5", null,
            "Click to copy \"",
            textToCopy,
            "\""),
        React.createElement("div", { className: "row" },
            React.createElement("div", { className: "col-md-4" },
                React.createElement("h6", null, "Default button"),
                React.createElement(Copy, { variant: "button", value: textToCopy })),
            React.createElement("div", { className: "col-md-4" },
                React.createElement("h6", null, "Overridden message"),
                React.createElement(Copy, { variant: "button", value: textToCopy, successMessage: "Yey! Copied!" }, "Copy Now")),
            React.createElement("div", { className: "col-md-4" },
                React.createElement("h6", null, "Different style"),
                React.createElement(Copy, { variant: "button", value: textToCopy, successMessage: "Yey! Copied!" }, "Copy Now")))));
};
export default CodeBlockDemo;
//# sourceMappingURL=copyButton.js.map