import { useClipboard } from "~/hooks/useClipboard";
 
function Component() {
  const { copy, isCopied } = useClipboard();
 
  return (
    <div>
      <button onClick={() => copy("Hello, world!")}>
        Copy "Hello, world!"
      </button>
      <p>Is copied: {isCopied ? "Yes" : "No"}</p>
    </div>
  );
}

function useClipboard(): {
  copy: (text: string) => void;
  isCopied: boolean;
};