Download Button

"use client";

import { newEvent } from "@/lib/newEvent";
import { DownloadIcon } from "@/registry/react/Icons";
import { usePlayer, usePlayerSelector } from "@/registry/react/PlayerProvider";

export function DownloadButton() {
  const player = usePlayer();
  const content = usePlayerSelector((p) => p.content);
  const contentIndex = usePlayerSelector((p) => p.contentIndex);
  return (
    <button
      type="button"
      aria-label="Download audio"
      onClick={() => {
        const audioIndex = content[contentIndex]?.audio?.findIndex((a) => a.url?.endsWith(".mp3"));
        if (typeof audioIndex !== "number" || audioIndex === -1) return;
        player.onEvent(
          newEvent({
            type: "PressedDownload",
            description: "The download button was pressed.",
            contentIndex,
            audioIndex,
          }),
        );
      }}
    >
      <DownloadIcon size={20} />
    </button>
  );
}