// apps/mobile/app/(tabs)/_layout.tsx
// 탭 네비게이션 — Meetings / Record / Profile

import { Tabs } from 'expo-router'
import { useEffect } from 'react'
import { useRouter } from 'expo-router'
import { useAuth } from '../../lib/auth-context'

export default function TabsLayout(): React.ReactElement {
  const router = useRouter()
  const { user, loading } = useAuth()

  useEffect(() => {
    if (!loading && !user) {
      router.replace('/login')
    }
  }, [user, loading, router])

  return (
    <Tabs
      screenOptions={{
        tabBarStyle: { backgroundColor: '#19191b', borderTopColor: '#2a2a2d' },
        tabBarActiveTintColor: '#f25b29',
        tabBarInactiveTintColor: '#8e8e93',
        headerStyle: { backgroundColor: '#19191b' },
        headerTintColor: '#f25b29',
        headerTitleStyle: { fontWeight: '300', letterSpacing: 1 }
      }}
    >
      <Tabs.Screen name="meetings" options={{ title: 'Meetings' }} />
      <Tabs.Screen name="record" options={{ title: 'Record' }} />
      <Tabs.Screen name="profile" options={{ title: 'Profile' }} />
    </Tabs>
  )
}