Music Cards

"use client";

import React, { useState } from "react";
import { Play, Pause, SkipBack, SkipForward, Heart, Upload } from "lucide-react";

interface MusicCardProps {
  artistName: string;
  artistHandle: string;
  currentTime?: string;
  remainingTime?: string;
  progress?: number;
}

export default function MusicCard({
  artistName,
  artistHandle,
  currentTime = "0:52",
  remainingTime = "-1:21",
  progress = 40,
}: MusicCardProps) {
  const [isPlaying, setIsPlaying] = useState(false);
  const [isLiked, setIsLiked] = useState(true);

  return (
    // Component implementation...
  );
}