"use client"; import type { HTMLAttributes, ReactNode } from "react"; import { useEffect, useRef, useState } from "react"; export type CtaBandProps = Omit, "title" | "onCopy"> & { title?: ReactNode; body?: ReactNode; command?: string; link?: { label: string; href: string }; onCopy?: (command: string) => void; }; async function copyText(text: string) { if (typeof navigator !== "undefined" && navigator.clipboard && typeof navigator.clipboard.writeText === "function") { try { await navigator.clipboard.writeText(text); return true; } catch { // Fall through to the selection-based fallback. } } if (typeof document === "undefined") return false; const area = document.createElement("textarea"); area.value = text; area.setAttribute("readonly", ""); area.style.position = "fixed"; area.style.opacity = "0"; document.body.appendChild(area); area.select(); let copied = false; try { copied = typeof document.execCommand === "function" && document.execCommand("copy"); } catch { copied = false; } area.remove(); return copied; } export function CtaBand({ title = "Plan your first migration in five minutes", body = "Point Halyard at a staging database and open a pull request. The plan appears as a check before anyone reviews it.", command = "npx halyard@latest init", link = { label: "Read the installation guide", href: "#" }, onCopy, className = "", ...props }: CtaBandProps) { const [status, setStatus] = useState<"idle" | "copied" | "error">("idle"); const timer = useRef(undefined); useEffect(() => () => window.clearTimeout(timer.current), []); async function handleCopy() { const copied = await copyText(command); window.clearTimeout(timer.current); setStatus(copied ? "copied" : "error"); if (copied) onCopy?.(command); timer.current = window.setTimeout(() => setStatus("idle"), 2000); } return (

{title}

{body ?

{body}

: null}


              $
              {command}

{link ? ( {link.label} ) : null} {status === "copied" ? "Install command copied to clipboard" : status === "error" ? "Copy failed. Select the command and copy it manually." : ""}

); }