// import React from 'react';
// import {Dimensions, Image} from 'react-native';
// import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
// import {RFValue} from 'react-native-responsive-fontsize';
// import {TabIcon as Icons} from 'constants';
// import {Colors, FONTS} from 'global-styles';
// import {Home} from 'scenes';

// const {width} = Dimensions.get('window');

// const TabStack = createBottomTabNavigator();

// const TabIcon = ({routeName, focused, color, size}) => {
//   const icon = Icons.find(el => el.label === routeName);
//   return (
//     <Image
//       source={focused ? icon.active : icon.inactive}
//       style={{width: width * 0.06, height: width * 0.06}}
//     />
//   );
// };

// const TabStackScreen = () => {
//   return (
//     <TabStack.Navigator
//       screenOptions={({route}) => ({
//         tabBarIcon: ({focused}) => {
//           return (
//             <TabIcon
//               routeName={route.name}
//               focused={focused}
//               color={focused ? Colors.PRIMARY : Colors.LINE_STROKE}
//             />
//           );
//         },
//         headerShown: false,
//         tabBarActiveTintColor: Colors.TEXT,
//         tabBarInactiveTintColor: Colors.GREY_TEXT,
//         tabBarLabelStyle: {
//           fontFamily: FONTS.poppins[500],
//           fontSize: RFValue(8),
//         },
//       })}>
//       <TabStack.Screen name="Explore" component={Home} />
//       <TabStack.Screen name="Orders" component={Home} />
//       <TabStack.Screen name="Inbox" component={Home} />
//       <TabStack.Screen name="Profile" component={Home} />
//     </TabStack.Navigator>
//   );
// };

// export default TabStackScreen;
