import { View, Image, Text } from "react-native";
import styles from "@/app/stackStyles/participantStyles";

export default function ParticipantScreen() {
  return (
    <View style={styles.mainContainer}>
      <View style={styles.handleBar} />
      <Text style={styles.participantName}>Calvin Ogara</Text>
      <View style={styles.participantInfoSection}>
        <Text style={styles.participantInfo}>Single</Text>
        <View style={styles.dot} />
        <Text style={styles.participantInfo}>24 Jahre</Text>
        <View style={styles.dot} />
        <Text style={styles.participantInfo}>Köln</Text>
      </View>
      <Image
        source={{
          uri: "https://www.fernseh-puls.com/wp-content/uploads/are-you-the-one-calvin-o-im-steckbrief-wir-stellen-euch-den-kandidaten-vor.jpg",
        }}
        style={styles.participantImage}
      />

      <View style={styles.performedShowsSection}>
        <Text style={styles.performedShowsTitle}>Auftritte:</Text>
      </View>
    </View>
  );
}