src/shared/hooks/useCopyToClipboard.ts

"use client";

import { useState, useCallback, useRef } from "react";
import { copyToClipboard } from "@/shared/utils/clipboard";

/**
 * Hook for copy to clipboard with feedback.
 * Uses shared copyToClipboard utility that works on both HTTP and HTTPS.
 * @param {number} resetDelay - Time in ms before resetting copied state (default: 2000)
 * @returns {{ copied: string|null, copy: (text: string, id?: string) => Promise<boolean> }}
 */
export function useCopyToClipboard(resetDelay = 2000) {
  const [copied, setCopied] = useState<string | null>(null);
  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);

  const copy = useCallback(
    async (text: string, id = "default"): Promise<boolean> => {
      const success = await copyToClipboard(text);

      if (success) {
        setCopied(id);

        if (timeoutRef.current) {
          clearTimeout(timeoutRef.current);
        }

        timeoutRef.current = setTimeout(() => {
          setCopied(null);
        }, resetDelay);
      }

      return success;
    },
    [resetDelay]
  );

  return { copied, copy };
}