import { StyleSheet } from 'react-native';
import { moderateScale } from 'react-native-size-matters';
import { defaultScale } from '../../utils/Common';

export const styles = (props: {
  colors: any;
  tabHighlightColor: any;
  containerHeight: any;
}) =>
  StyleSheet.create({
    flatListContainer: {
      height: moderateScale(40, defaultScale),
      width: '100%',
    },
    tabContainer: {
      paddingHorizontal: moderateScale(20, defaultScale),
      height: moderateScale(40, defaultScale),
      justifyContent: 'center',
      alignItems: 'center',
      borderBottomWidth: 2,
      borderBottomColor: 'transparent',
    },
    tabContainerSelected: {
      paddingHorizontal: moderateScale(20, defaultScale),
      height: moderateScale(40, defaultScale),
      justifyContent: 'center',
      alignItems: 'center',
      borderBottomWidth: 2,
      borderBottomColor: props.tabHighlightColor || props.colors.textColor,
    },
    pagerView: {
      height: props.containerHeight || '100%',
      width: '100%',
    },
  });