import 'package:auto_route/auto_route.dart';
import 'package:flutter/material.dart';
import 'package:line_icons/line_icon.dart';
import 'package:line_icons/line_icons.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: LineIcon(LineIcons.home),
          label: context.lang.home,
          tooltip: context.lang.home,
        ),
        BottomNavigationBarItem(
          icon: LineIcon(LineIcons.moneyBill),
          label: context.lang.transaction,
          tooltip: context.lang.transaction,
        ),
        BottomNavigationBarItem(
          icon: LineIcon(LineIcons.barChart),
          label: context.lang.report,
          tooltip: context.lang.report,
        ),
        BottomNavigationBarItem(
          icon: LineIcon(LineIcons.user),
          label: context.lang.profile,
          tooltip: context.lang.profile,
        ),
      ],
    );
  }
}