// @ts-ignore
import React from 'react';
import { View, Image, Text, StyleSheet } from 'react-native';

export default function ArtistPage({ route }) {
    const artist = route.params.artist;

    return (
        <View style={styles.container}>
            <Image source={{ uri: artist.image }} style={styles.image} />
            <Text style={styles.name}>{artist.name}</Text>
        </View>
    );
};

const styles = StyleSheet.create({
    container: {
        marginTop:10,
        alignItems: 'center'

    },
    image: {
        width: 100,
        height: 100,
        marginBottom: 10,
        borderRadius: 100,
        borderWidth: 2,
        borderColor: 'black'
    },
    name: {
        fontSize: 20,
        fontWeight: 'bold',
        textAlign: 'center',
    },
});