text: // @flow
  
  import { Platform } from 'react-native'
  
  import variables, { platform, PLATFORM } from './../variables/commonColor'
  
  export default _ => {
  
    const { ui, text } = variables.councils
  
    const footerTabTheme = {
      'NativeBase.Button': {
        '.active': {
          'NativeBase.Text': {
            color: variables.tabBarActiveTextColor,
            fontSize: variables.tabBarTextSize,
            lineHeight: 16
          },
          'NativeBase.Icon': {
            color: variables.tabBarActiveTextColor
          },
          'NativeBase.IconNB': {
            color: variables.tabBarActiveTextColor
          },
          backgroundColor: variables.tabActiveBgColor
        },
        flexDirection: null,
        backgroundColor: 'transparent',
        borderColor: null,
        elevation: 0,
        shadowColor: null,
        shadowOffset: null,
        shadowRadius: null,
        shadowOpacity: null,
        alignSelf: 'center',
        flex: 1,
        height: variables.footerHeight,
        justifyContent: 'center',
        '.badge': {
          'NativeBase.Badge': {
            'NativeBase.Text': {
              fontSize: 11,
              fontWeight: platform === PLATFORM.IOS ? '600' : undefined,
              lineHeight: 14
            },
            top: -3,
            alignSelf: 'center',
            left: 10,
            zIndex: 99,
            height: 18,
            padding: 1.7,
            paddingHorizontal: 3
          },
          'NativeBase.Icon': {
            marginTop: -18
          }
        },
        'NativeBase.Icon': {
          color: variables.tabBarTextColor
        },
        'NativeBase.IconNB': {
          color: variables.tabBarTextColor
        },
        'NativeBase.Text': {
          color: variables.tabBarTextColor,
          fontSize: variables.tabBarTextSize,
          lineHeight: 16
        }
      },
      backgroundColor:
        Platform.OS === PLATFORM.ANDROID ? variables.footerDefaultBg : undefined,
      flexDirection: 'row',
      justifyContent: 'space-between',
      flex: 1,
      alignSelf: 'stretch'
    }
  
  }
  