// type Song = {
//     name: string,
//     url: string,
//     length: number,
//
//     bc_exclusive: boolean
// }
//
// const SONGS: = [
//     [],
//     [],
//     [],
//     [],
//     [],
//     [],
//     [],
//     [],
//     [],
//     [],
//     []
// ]
//
// function Song() {
//
// }

import { useState } from "preact/hooks"

export function Music() {
    const [userApproves, setUserApproves] = useState(false);

    if (userApproves) {
        return <iframe style="border: 0; width: 350px; height: 500px;" src="https://bandcamp.com/EmbeddedPlayer/album=3374731395/size=large/bgcol=000000/linkcol=ff0047/transparent=true/" seamless><a href="https://sunnexo.bandcamp.com/album/netpunk">Netpunk by Sunnexo</a></iframe>
    } else {
        return <div class="external_warning">
            <div>Click here to load player from <a href="https://bandcamp.com">https://bandcamp.com</a></div>
            <button onClick={() => setUserApproves(true)}>
                Load player
            </button>
        </div>
    }
}