export function PdfViewer({
  src,
  title,
  downloadHref,
}: {
  src: string;
  title: string;
  downloadHref?: string;
}) {
  return (
    <figure className="surface overflow-hidden">
      <object data={src} type="application/pdf" className="h-[70vh] w-full" aria-label={`PDF: ${title}`}>
        <div className="p-6 text-sm">
          <p className="muted">Your browser cannot display PDFs inline.</p>
          <a className="btn mt-3" href={downloadHref ?? src}>
            Download the PDF
          </a>
        </div>
      </object>
      <figcaption className="subtle flex items-center justify-between px-4 py-2 text-xs">
        <span>{title}</span>
        <a href={downloadHref ?? `${src}?download=1`}>Download PDF</a>
      </figcaption>
    </figure>
  );
}