import 'package:flutter/material.dart';

import '../../../core/constants/colors.dart';
import '../../../core/utils/size_config.dart';
import 'tab_item.dart';

class MainTabBar extends StatefulWidget {
  const MainTabBar({super.key, required this.controller});

  final TabController controller;

  @override
  State<MainTabBar> createState() => _MainTabBarState();
}

class _MainTabBarState extends State<MainTabBar> {
  @override
  Widget build(BuildContext context) {
    return Container(
      width: double.infinity,
      height: 51.0.h(),
      margin: EdgeInsets.symmetric(horizontal: 24.0.w()),
      padding: EdgeInsets.symmetric(horizontal: 8.0.w(), vertical: 8.0.h()),
      decoration: BoxDecoration(
        color: AppColors.grey10,
        borderRadius: BorderRadius.circular(10),
      ),
      alignment: Alignment.center,
      child: TabBar(
        indicatorSize: TabBarIndicatorSize.tab,
        dividerColor: Colors.transparent,
        indicator: BoxDecoration(
          color: AppColors.backgroundColor,
          borderRadius: BorderRadius.circular(10),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withValues(alpha: 0.12),
              blurRadius: 4,
              offset: Offset(0, 2),
            ),
          ],
        ),
        controller: widget.controller,
        tabs: [
          TabItem(
            title: 'New',
            isActive: widget.controller.index == 0,
            onTap: () {
              widget.controller.animateTo(0);
            },
          ),
          TabItem(
            title: 'Last',
            isActive: widget.controller.index == 1,
            onTap: () {
              widget.controller.animateTo(1);
            },
          ),
        ],
      ),
    );
  }
}