import React from 'react';
import { Tabs } from 'expo-router';
import { useT } from '../../i18n';
import { AppTabBar } from '../../components/layout/AppTabBar';

/** 底部 Tab 导航：首页/交易/报表/设置 + 中央＋（AppTabBar）。 */
export default function TabsLayout() {
  const t = useT();

  return (
    <Tabs
      screenOptions={{ headerShown: false }}
      tabBar={(props) => <AppTabBar {...props} />}
    >
      <Tabs.Screen
        name="index"
        options={{ title: t('tab.home') }}
      />
      <Tabs.Screen
        name="transactions"
        options={{ title: t('tab.transactions') }}
      />
      <Tabs.Screen
        name="report"
        options={{ title: t('tab.report') }}
      />
      <Tabs.Screen
        name="settings"
        options={{ title: t('tab.settings') }}
      />
    </Tabs>
  );
}
