import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:hugeicons/hugeicons.dart';

import '../../../../common/extension/extension.dart';

class MainBottomNavbar extends StatefulWidget {
  final TabsRouter tabsRouter;

  const MainBottomNavbar({super.key, required this.tabsRouter});

  @override
  State<MainBottomNavbar> createState() => _MainBottomNavbarState();
}

class _MainBottomNavbarState extends State<MainBottomNavbar> {
  @override
  Widget build(BuildContext context) {
    return BottomNavigationBar(
      currentIndex: widget.tabsRouter.activeIndex,
      onTap: (index) {
        setState(() {
          widget.tabsRouter.setActiveIndex(index);
        });
      },
      type: BottomNavigationBarType.fixed,
      items: [
        BottomNavigationBarItem(
          icon: HugeIcon(icon: HugeIcons.strokeRoundedHome01),
          label: context.lang.home,
          tooltip: context.lang.home,
        ),
        BottomNavigationBarItem(
          icon: HugeIcon(icon: HugeIcons.strokeRoundedChart03),
          label: context.lang.report,
          tooltip: context.lang.report,
        ),
        BottomNavigationBarItem(
          icon: HugeIcon(icon: HugeIcons.strokeRoundedPackage),
          label: context.lang.stock,
          tooltip: context.lang.stock,
        ),
        BottomNavigationBarItem(
          icon: HugeIcon(icon: HugeIcons.strokeRoundedUser),
          label: context.lang.profile,
          tooltip: context.lang.profile,
        ),
      ],
    );
  }
}
