import browser from "webextension-polyfill";
import iconUrl from "../public/bunny.svg"

sentences.forEach((s) => {
    const newAnchor = document.createElement("a")
    const imageElement = document.createElement("img")

    const volumeLabelContainer = s.volumeElement?.parentElement?.parentElement
    const anchorClasses = (s.volumeElement?.parentElement?.className || "")
        .replace("audioUnavailable", "") 

    newAnchor.className = anchorClasses
    newAnchor.ariaLabel = toolTipText
    newAnchor.addEventListener("click", () => {
        browser.runtime.sendMessage({request: "streamAudio", audioText: s.text})
    })

    imageElement.src = iconUrl
    imageElement.height = s.volumeElement?.offsetHeight || 24
    newAnchor.appendChild(imageElement)

    volumeLabelContainer?.parentElement
        ?.insertBefore(newAnchor, volumeLabelContainer.nextElementSibling)
})
addMissingVoices Two
