vedanty3/use-clipboard-copier

import React from "react";
import { useClipBoardCopier } from "use-clipboard-copier";

const hasCopiedTimer = 10000; // 10 seconds

const App: React.FC = () => {
  const { isCopied, clipBoardRef, copyToClipBoard } =
    useClipBoardCopier(hasCopiedTimer);

  const handleCopyClick = () => {
    copyToClipBoard();
  };

  return (
    <div>
      <input ref={clipBoardRef} placeholder="type something..." />
      <button onClick={handleCopyClick}>Copy to Clipboard</button>
      {isCopied ? <p>Copied</p> : <p>Copy</p>}
    </div>
  );
};

export default App;