text: import {StyleSheet,Dimensions} from 'react-native'
  import { Icon } from 'native-base';
  const width = Dimensions.get('window').width;
  
  export const settingsPageStyle =(colorFile, sizeFile) =>{
      return StyleSheet.create({
      container:{
          flex:1,
          backgroundColor:colorFile.backgroundColor 
      },
      containerMargin:{
          flex:1,
          margin:8
      },
      textStyle: {
              color: colorFile.textColor,   
              fontSize:16,
              marginLeft:4,
              alignSelf:'center'
      },
      
      cardItemStyle:{
         paddingTop:8,
         paddingBottom:8,
         backgroundColor:colorFile.backgroundColor
      },
      switchButtonCard:{
          paddingTop:16,
          paddingBottom:16,
          backgroundColor:colorFile.backgroundColor,
          justifyContent:'space-between',
      },
      cardItemColumn:{
          flexDirection:'column',
      },
      cardItemRow:{
          flexDirection:'row',
          marginVertical:4
      },
      modeTextCustom:{
          color:colorFile.textColor,
          fontSize:16,
          position: 'absolute', 
          right: 50,
      },
  
      cardItemAlignRight:{
          alignItems:'flex-start'
      },
      segmentCustom:{
          width:width-50, 
          height: 30, 
          borderRadius: 50,
      },
      cardItemIconCustom:{
          marginHorizontal:4,
          marginVertical:4,
          color:colorFile.settingsIconColor,
          fontSize:32   
      },
      
      modeIconCustom:{
          fontSize:32,
          textAlign:'center'  
      },
      nightModeIconColor:{
          color:colorFile.accentColor
      },
      dayModeIconColor:{
          color:colorFile.accentColor
      },
      switchIcon:{
          color:colorFile.iconColor,
      }
  })
  }
  
  