useCopyToClipboard

import { useCopyToClipboard } from "@teasim/hooks";

export default function Component() {
  const [copiedText, copy] = useCopyToClipboard();

  const handleCopy = (text) => () => {
    copy(text)
      .then(() => {
        console.log("Copied!", { text });
      })
      .catch((error) => {
        console.error("Failed to copy!", error);
      });
  };

  return (
    <>
      <h1>Click to copy:</h1>
      <div style={{ display: "flex" }}>
        <button onClick={handleCopy("A")}>A</button>
        <button onClick={handleCopy("B")}>B</button>
        <button onClick={handleCopy("C")}>C</button>
      </div>
      <p>Copied value: {copiedText ?? "Nothing is copied yet!"}</p>
    </>
  );
}