"use client"; import { useRef, useState } from "react"; import { IconCheck, IconCopy } from "@tabler/icons-react"; // Code block wrapper: always-dark panel (Protocol style) with a copy button. // rehype-pretty-code provides the syntax-highlighted spans inside

.
export function Pre({
  className,
  children,
  ...props
}: React.ComponentPropsWithoutRef<"pre">) {
  const ref = useRef(null);
  const [copied, setCopied] = useState(false);

  const copy = async () => {
    const text = ref.current?.textContent ?? "";
    try {
      await navigator.clipboard.writeText(text);
      setCopied(true);
      setTimeout(() => setCopied(false), 1500);
    } catch {
      // clipboard unavailable — ignore
    }
  };

  return (
    
              {children}
      
      
    
  );
}