import React from "react";
import {FlatList, ScrollView, StyleSheet, View} from "react-native";
import AlbumCard from "./AlbumCard";

const ArtistList = ({ALBUM_LIST}) => {
    return (
        <View style={styles.container}>
            <FlatList
                data={ALBUM_LIST}
                renderItem={({ item }) => (
                    <AlbumCard album={item} />
                )}
                keyExtractor={(item) => item.name}
            />
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        height: 400,
    }
});

export default ArtistList;