import { StyleSheet, Text, View } from 'react-native'
import R from '../../assets/R'

const styles = StyleSheet.create({
    sizeBox:{
        marginLeft:15
    },
    image:{
        width:20,
        height:20
    },
    headerTitleContainer:{
        height:56,
        flexDirection:'row',
        alignItems:'center',
        backgroundColor:R.colors.blue,
    },
    logoContainer:{
        paddingLeft:15,
        marginVertical:10
    },
    headerRight:{
        flex:1,
        flexDirection:'row',
        alignItems:'center',
        backgroundColor:R.colors.white,
        borderRadius:105,
        padding:5,
        marginRight:15,
        marginLeft:5,
        justifyContent:'space-between',
        width:'100%'
    },
    itemContainer:{
        flexDirection:'row',
        alignItems:'center',
        paddingVertical:10,
        paddingHorizontal:15,
        marginVertical:5
    },
    itemSel:{
        backgroundColor:R.colors.blue,
        marginHorizontal:15,
        borderRadius:15,
    },
    logo:{
        width:49,
        height:40
    },
    scrollView:{
        flex:1,
        backgroundColor:R.colors.white
    },
    headerLeft:{
        flexDirection:'row',
    },
    iconMenu:{
        width:20,
        height:20,
    },
    avatar:{
        width:25,
        height:25,
        borderRadius:15,
        backgroundColor:R.colors.black,
        marginRight:5
    },
    icon:{
        width:25,
        height:25,
    },
    label:{
        marginLeft:8
    },
    labelSel:{
        color:R.colors.white,
        fontWeight:'600',
        fontFamily:R.fonts.fontMedium
    }
})

export default styles