import { Stack } from 'expo-router';
import { AppShell } from '@/components/ui/AppShell';
import { NavItem } from '@/components/ui/Sidebar';

const TENANT_NAV: NavItem[] = [
  { icon: 'home-outline',      label: 'Dashboard',    route: '/(tenant)/dashboard' },
  { icon: 'map-outline',       label: 'Explore Map',  route: '/(tenant)/map' },
  { icon: 'calendar-outline',  label: 'Reservations', route: '/(tenant)/reservations' },
  { icon: 'card-outline',      label: 'Payments',     route: '/(tenant)/payments' },
  { icon: 'chatbubble-outline', label: 'Inquiries',   route: '/(tenant)/inquiries' },
  { icon: 'notifications-outline', label: 'Notifications', route: '/(tenant)/notifications' },
  { icon: 'person-outline',    label: 'Profile',      route: '/(tenant)/profile' },
];

export default function TenantLayout() {
  return (
    <AppShell items={TENANT_NAV} role="tenant">
      <Stack screenOptions={{ headerShown: false }}>
        <Stack.Screen name="dashboard" />
        <Stack.Screen name="map" />
        <Stack.Screen name="reservations" />
        <Stack.Screen name="payments" />
        <Stack.Screen name="inquiries" />
        <Stack.Screen name="notifications" />
        <Stack.Screen name="profile" />
        <Stack.Screen name="boarding-house-detail" />
      </Stack>
    </AppShell>
  );
}