import {View, Text, SafeAreaView, ScrollView, Image, TouchableOpacity} from "react-native";
import React from "react";
import icons from "@/constants/icons"
import images from "@/constants/images";

const Profile = () => {
    const handleLogout = async () => {};
  return (
    <SafeAreaView className={'h-full bg-white'}>
        <ScrollView
            showsVerticalScrollIndicator={false}
            contentContainerClassName={'pb-32 px-7'}>
            <View className={'flex flex-row items-center justify-between mt-5'}>
                <Text className={'text-2xl text-bold'}>Profile</Text>
                <Image source={icons.bell} className={'size-5'}/>
            </View>
            <View className={'flex flex-row justify-center mt-5'}>
                <View className={'flex flex-col items-center relative mt-5'}>
                    <Image source={images.car1} className={'size-44 relative rounded-full'}/>
                    <TouchableOpacity className={'absolute bottom-11 right-2'}>
                        <Image source={icons.edit} className={'size-9'}/>
                    </TouchableOpacity>
                    <Text>Dimitar -- test</Text>
                </View>
            </View>
        </ScrollView>
    </SafeAreaView>
  );
};

export default Profile;