processing-website/src/components/CopyButton.js at main · processing/processing-website · GitHub

Repository navigation

import React, { useState } from 'react';

import classnames from 'classnames';

import CopyToClipboard from './CopyToClipboard';

import CopyIcon from '../images/copy-icon.svg';

import * as css from './CopyButton.module.css';

const CopyButton = ({ text }) => {

const [isCopied, setIsCopied] = useState(false);

const onCopy = (text, res) => {

if (res) {

setIsCopied(true);

setTimeout(() => {

setIsCopied(false);

}, 1000);

}

};

return (

<button

type="button"

className={classnames(css.root, { [css.copied]: isCopied })}>

<CopyIcon /> {isCopied ? 'Copied' : 'Copy'}

</button>

</CopyToClipboard>

);

};

export default CopyButton;