text: import { Platform } from "react-native";
  
  import variable from "./../variables/platform";
  
  export default (variables = variable) => {
    const platform = variables.platform;
  
    const footerTabTheme = {
      "NativeBase.Button": {
        ".active": {
          "NativeBase.Text": {
            color: '#FF5722',
            fontSize: variables.tabBarTextSize,
            lineHeight: 16
          },
          "NativeBase.Icon": {
            color: '#FF5722',
          },
          "NativeBase.IconNB": {
            color: '#FF5722',
          },
          backgroundColor: variables.tabActiveBgColor
        },
        flexDirection: null,
        backgroundColor: "#fff",
        // borderColor: '#FF5722',
        // borderWidth: 1,
        elevation: 0,
        shadowColor: null,
        shadowOffset: null,
        shadowRadius: null,
        shadowOpacity: null,
        alignSelf: "center",
        flex: 1,
        height: (variables.footerHeight - (variables.isIphoneX ? 34 : 0)),
        justifyContent: "center",
        ".badge": {
          "NativeBase.Badge": {
            "NativeBase.Text": {
              fontSize: 11,
              fontWeight: 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 === "android"
        ? variables.tabActiveBgColor
        : undefined,
      flexDirection: "row",
      justifyContent: "space-between",
      flex: 1,
      alignSelf: "stretch"
    };
  
    return footerTabTheme;
  };
  