import { memo } from 'react';
import { StyleSheet, View } from 'react-native';
const IconTab = ({
  isActive,
  icon,
  themeStyles
}) => {
  const styles = StyleSheet.create({
    container: {
      width: 70,
      paddingVertical: 16,
      alignItems: 'center',
      justifyContent: 'center'
    },
    active: {
      borderBottomWidth: 2,
      borderBottomColor: themeStyles === null || themeStyles === void 0 ? void 0 : themeStyles.colors.primary
    }
  });
  const containerStyle = isActive ? [styles.container, styles.active] : [styles.container];
  return /*#__PURE__*/React.createElement(View, {
    style: containerStyle
  }, icon);
};
export default /*#__PURE__*/memo(IconTab);
//# sourceMappingURL=IconTab.js.map