import { Tabs } from 'expo-router';
import React from 'react';
import { StyleSheet } from 'react-native';

import { CustomTabBar } from '@/components/CustomTabBar';

export default function TabLayout() {
  return (
    <>
      <Tabs
        screenOptions={{
          headerShown: false,
          tabBarStyle: styles.hiddenTabBar,
        }}
        tabBar={() => null}
      >
        <Tabs.Screen name="index" />
        <Tabs.Screen name="box" />
        <Tabs.Screen name="welfare" />
        <Tabs.Screen name="mine" />
      </Tabs>
      <CustomTabBar />
    </>
  );
}

const styles = StyleSheet.create({
  hiddenTabBar: {
    display: 'none',
  },
});