import React from 'react';
import { Slot, usePathname } from 'expo-router';
import { View } from 'react-native';
import BottomNavigation from '@/components/common/BottomNavigation';

export default function ProfileLayout() {
  const pathname = usePathname();
  const hideBottomNav = pathname === '/profile/edit';

  return (
    <View style={{ flex: 1 }}>
      <Slot/>
      {!hideBottomNav && (
        <View style={{ marginBottom: 20 }}>
          <BottomNavigation activeTab="profile" />
        </View>
      )}
    </View>
  );
  
}