"use client";
export function ExportButtons({ oul, title }: { oul: string; title: string }) {
  const copy = async () => {
    const sql = [...document.querySelectorAll<HTMLElement>("#report pre.sql")].map((p) => p.textContent).join("\n\n");
    await navigator.clipboard.writeText(`${title}\n\n${sql || oul}`);
  };
  return <div className="toolbar no-print" style={{ display: "flex", gap: "var(--qai-space-s)" }}>
    <button className="btn" onClick={copy}>Copy</button>
    <button className="btn" onClick={() => window.print()}>Export to PDF</button>
  </div>;
}