import { ClipboardIcon } from "@heroicons/react/outline"; import { useCallback, useState } from "react"; import { CopyText } from "./CopyText"; import { Body } from "./Primitives/Body"; export type CopyTextButtonProps = { value: string; className?: string; }; export function CopyTextButton({ value, className }: CopyTextButtonProps) { const [copied, setCopied] = useState(false); const onCopied = useCallback(() => { setCopied(true); const timeout = setTimeout(() => { setCopied(false); }, 1500); }, [value]); return ( {copied ? ( Copied! ) : (

Copy

)} ); }