Music Player Demo

1import React from "react";
2import { MusicPlayer } from "../ui/music-player";
3import type { Track } from "../ui/music-player";
4 
5export default function MusicPlayerCardsDemo() {
6  const currentTrack: Track = {
7    id: "1",
8    title: "Blinding Lights",
9    artist: "The Weeknd",
10    album: "After Hours",
11    artwork: "/assets/images/music-player/song.jpg",
12    duration: 194, // 3:14 in seconds
13  };
14 
15  const queue: Track[] = [currentTrack];
16 
17  return (
18    <div className="flex flex-col items-center w-full relative">
19      <div className="flex flex-col w-full max-w-sm">
20        <MusicPlayer
21          theme="spotify"
22          currentTrack={currentTrack}
23          queue={queue}
24          currentIndex={0}
25          initialTime={30}
26          autoPlay={false}
27          showEqualizer={true}
28          className="rounded-xl"
29        />
30      </div>
31    </div>
32  );
33}