import { StyleSheet } from 'react-native';

export const styles = StyleSheet.create({
    container: {
        flex: 1,
        backgroundColor: '#f0f0f0',
    },
    header: {
        alignItems: 'center',
    },
    profilePic: {
        width: 120,
        height: 120,
        borderRadius: 60,
        marginBottom: 10,
    },
    name: {
        fontSize: 18,
        fontWeight: 'bold',
    },
    jobTitle: {
        color: '#888',
        marginBottom: 10,
    },
    starIcon: {
        color: '#ffd700',
        fontSize: 20,
    },
    contactInfo: {
        backgroundColor: '#fff',
        padding: 20,
        borderRadius: 10,
    },
    contactRow: {
        flexDirection: 'row',
        alignItems: 'center',
        marginBottom: 10,
        alignContent:"center"
    },
    icon: {
        color: '#888',
        fontSize: 20,
        marginRight: 10,
    },
    contactText: {
        fontSize: 16,
    },
    socialUpdates: {
        backgroundColor: '#fff',
        padding: 20,
        borderRadius: 10,
    },
    update: {
        marginBottom: 20,
    },
    updateIcon: {
        color: '#888',
        fontSize: 20,
        marginRight: 10,
    },
    updateText: {
        fontSize: 16,
    },
    updateLocation: {
        color: '#888',
    },
    updateTime: {
        color: '#888',
    },
    p1:{
        paddingHorizontal: 10
    },
    flexStartBottom: {
        flexDirection:'row',
        justifyContent: 'flex-start',
        alignItems:'flex-end'
    }
});