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="dimension" />
        <Tabs.Screen name="mine" />
      </Tabs>
      <CustomTabBar />
    </>
  );
}

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