import { View } from "react-native";
import React from "react";
import CardContainer from "./CardContainer";
import MusicCard from "./MusicCard";
import { navigate } from "../../../navigation/NavigationService";
import { Routes } from "../../../navigation";

const MyMusic = () => {
  return (
    <CardContainer
      label="Mes musiques"
      onPress={() => navigate(Routes.AllMyMusic)}
    >
      <View style={{ gap: 10 }}>
        {Array.from({ length: 3 }).map((_, index) => (
          <MusicCard key={index} />
        ))}
      </View>
    </CardContainer>
  );
};

export default MyMusic;
