Music Player Demo 2

1import { MusicPlayer } from "../ui/music-player";
2import type { Track } from "../ui/music-player";
3 
4export default function MusicPlayerDemo2() {
5  const currentTrack: Track = {
6    id: "1",
7    title: "Sugar",
8    artist: "Maroon 5",
9    album: "V",
10    artwork: "/assets/images/music-player/cover2.jpg",
11    duration: 235,
12  };
13 
14  const queue: Track[] = [
15    currentTrack,
16    {
17      id: "2",
18      title: "Payphone",
19      artist: "Maroon 5",
20      album: "Overexposed",
21      artwork: "/assets/images/music-player/cover3.jpg",
22      duration: 231,
23    },
24    {
25      id: "3",
26      title: "Animals",
27      artist: "Maroon 5",
28      album: "V",
29      artwork: "/assets/images/music-player/cover4.jpg",
30      duration: 191,
31    },
32  ];
33 
34  return (
35    <div className="w-full max-w-sm mx-auto border border-gray-300 dark:border-gray-700 rounded-2xl relative">
36      <MusicPlayer
37        currentTrack={currentTrack}
38        queue={queue}
39        currentIndex={0}
40        initialTime={0}
41        autoPlay={false}
42        className="rounded-2xl"
43      />
44    </div>
45  );
46}