import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:tanami_app/features/MainScreens/MainScreen.dart';

Widget bottomnavigationbar(selectedIndex) {
  return BottomNavigationBar(
    type: BottomNavigationBarType.fixed,
    showUnselectedLabels: true,
    selectedItemColor: Color(0xFF0B8933),
    unselectedItemColor: const Color(0xFF676767),
    unselectedLabelStyle: TextStyle(
      fontSize: 10.sp,
      color: const Color(0xFF676767),
      fontWeight: FontWeight.w400,
      fontFamily: 'hiragino',
    ),
    selectedLabelStyle: TextStyle(
      fontSize: 10.sp,
      color: const Color(0xFF0B8933),
      fontWeight: FontWeight.w400,
      fontFamily: 'hiragino',
    ),
    currentIndex: selectedIndex,
    onTap: (index) {
      updateTab(index);
    },
    items: [
      BottomNavigationBarItem(
        icon: Image.asset(
          'assets/images/bottom_bar/inactive/wallet.png',
          height: 26.h,
          width: 26.w,
        ),
        activeIcon: Image.asset(
          'assets/images/bottom_bar/active/wallet.png',
          height: 30.h,
          width: 30.w,
        ),
        label: 'Wallet',
      ),
      BottomNavigationBarItem(
        icon: Image.asset(
          'assets/images/bottom_bar/inactive/portfolio.png',
          height: 26.h,
          width: 26.w,
        ),
        activeIcon: Image.asset(
          'assets/images/bottom_bar/active/portfolio.png',
          height: 30.h,
          width: 30.w,
        ),
        label: 'Portfolio',
      ),
      BottomNavigationBarItem(
        icon: Image.asset(
          'assets/images/bottom_bar/inactive/invest.png',
          height: 24.h,
          width: 24.w,
        ),
        activeIcon: Image.asset(
          'assets/images/bottom_bar/active/invest.png',
          height: 28.h,
          width: 28.w,
        ),

        // SvgPicture.asset('assets/image/svg/active_shortTrade.svg'),
        label: 'Invest',
      ),
      BottomNavigationBarItem(
        icon: Image.asset(
          'assets/images/bottom_bar/inactive/academy.png',
          height: 26.h,
          width: 26.w,
        ),
        activeIcon: Image.asset(
          'assets/images/bottom_bar/active/academy.png',
          height: 30.h,
          width: 30.w,
        ),
        label: 'Academy',
      ),
      BottomNavigationBarItem(
        icon: Image.asset(
          'assets/images/bottom_bar/inactive/settings.png',
          height: 26.h,
          width: 26.w,
        ),
        activeIcon: Image.asset(
          'assets/images/bottom_bar/active/settings.png',
          height: 30.h,
          width: 30.w,
        ),
        label: 'Settings',
      ),
    ],
  );
}