import 'package:wanisdriver/utils/colors.dart';
import 'package:wanisdriver/widgets/custom_text.dart';
import 'package:flutter/material.dart';

class TabItemUpcommingSection extends StatelessWidget {
  final String title;
  final bool isSelected;
  final VoidCallback onTap;

  const TabItemUpcommingSection({
    super.key,
    required this.title,
    required this.isSelected,
    required this.onTap,
  });

  @override
  Widget build(BuildContext context) {
    final isDarkMode = Theme.of(context).brightness == Brightness.dark;

    return GestureDetector(
      onTap: onTap,
      child: Container(
        padding: const EdgeInsets.symmetric(vertical: 12.0, horizontal: 8.0),
        decoration: BoxDecoration(
          border: Border(
            bottom: BorderSide(
              color: isSelected
                  ? (isDarkMode ? AppColors.darkPrimaryColor : AppColors.primaryColor)
                  : Colors.transparent,
              width: 3.0,
            ),
          ),
        ),
        child: Center(
          child: Txt(
            text: title,
            style: TextStyle(
              fontSize: 15,
              fontWeight: isSelected ? FontWeight.w700 : FontWeight.w500,
              fontFamily: 'Poppins',
              color: isSelected
                  ? (isDarkMode ? AppColors.white : AppColors.primaryColor)
                  : (isDarkMode ? AppColors.lightGrey : Colors.grey),
            ),
          ),
        ),
      ),
    );
  }
}