import 'package:flutter/material.dart';
import 'package:flutter_bloc/flutter_bloc.dart';
import 'package:syncrow_app/features/navigation/bloc/nav_cubit.dart';
import 'package:syncrow_app/utils/resource_manager/color_manager.dart';

class DefaultNavBar extends StatelessWidget {
  const DefaultNavBar({
    super.key,
  });

  @override
  Widget build(BuildContext context) {
    return BlocBuilder<NavCubit, NavState>(
      builder: (context, state) {
        var cubit = NavCubit.of(context);
        return Padding(
          padding: const EdgeInsets.only(bottom: 27),
          child: BottomNavigationBar(
            backgroundColor: Colors.transparent,
            onTap: (int index) => cubit.updatePageIndex(index, context),
            currentIndex: cubit.getPageIndex,
            selectedItemColor: ColorsManager.primaryColor,
            selectedLabelStyle: const TextStyle(
              color: ColorsManager.primaryColor,
              fontSize: 10,
            ),
            showUnselectedLabels: true,
            unselectedItemColor: Colors.grey,
            type: BottomNavigationBarType.fixed,
            elevation: 0,
            items: cubit.bottomNavItems,
          ),
        );
      },
    );
  }
}

class DefaultBottomNavBarItem extends BottomNavigationBarItem {
  DefaultBottomNavBarItem({required super.icon});
}