import { StyleSheet, Platform } from 'react-native'
import R from '../../assets/R';
const styles = StyleSheet.create({
    safeArea:{
        flex:1,
        backgroundColor:R.colors.white,
    },
    //TabView
    tabButtonItem:{
        paddingHorizontal:Platform.OS === 'ios' ? 10 : 5,
        paddingVertical:Platform.OS === 'ios' ? 5 : 2,
        minWidth:Platform.OS === 'ios' ? 70 : 80,
        backgroundColor:R.colors.grayButton,
        borderRadius:10,
        marginHorizontal:5,
        alignItems:'center',
        justifyContent:'center',
    },
    tabButtonActiveItem:{
        backgroundColor:R.colors.blue,
        color:R.colors.white,
    },
    tabButtonContainer:{
        flexDirection:'row',
        alignItems:'center',
        justifyContent:'center',
        marginVertical:2,
        marginHorizontal:15,
    },
    textTabView:{
        color:R.colors.white,
        fontSize:R.sizes.sm,
        fontWeight:'500',
        fontFamily:R.fonts.fontSemiBold,
    },
    containerBody:{
        flex:1,
        justifyContent:'center',
    },
    //InputText
    containerSearchBox:{
        borderColor:R.colors.grayBorderInputTextHeader,
        borderWidth:1,
        borderRadius:100,
        marginVertical:10,
        marginHorizontal:15,
        backgroundColor:R.colors.white,
        flexDirection:'row',
        maxHeight:41,
        alignItems:'center',
        justifyContent:'center',
    },
    boxIconSearch:{
        maxWidth:35,
        maxHeight:35,
        alignItems:'center',
        justifyContent:'center',
        marginHorizontal:5,
    },
    inputSearch:{
        fontSize:R.sizes.sm,
        fontFamily:R.fonts.fontMedium,
        fontWeight:'500',
        flex:1,
    },
    //List Notification
    containerListNotification:{
    },
    cardItem:{
        paddingVertical:10,
        paddingHorizontal:15,
        borderWidth:1,
        borderColor:R.colors.grayBorderInputTextHeader,
        borderRadius:10,
        marginVertical:10,
        backgroundColor:R.colors.white,
        shadowColor:R.colors.black,
        marginHorizontal:15,
        shadowOffset:{width:0.5,height:2},
        shadowOpacity:0.25,
        shadowRadius:5,
        elevation:1,
    },
    containerEmpty:{
        alignItems:'center',
        justifyContent:'center',
    },
    text:{
        fontSize:R.sizes.sm,
        fontWeight:'400',
        color:R.colors.black,
        fontFamily:R.fonts.fontRegular,
    },
    textEmpty:{
        color:R.colors.black,
        fontSize:R.fontsize.fontSizeSubTitle,
        fontWeight:'500',
        fontFamily:R.fonts.fontMedium,
    },
    boxTime:{
        alignItems:'flex-end',
    }
    
})
export default styles;