import 'package:flutter/widgets.dart';
import 'package:ui_kit/ui_kit.dart';

class CategoriesWidget extends StatefulWidget {
  const CategoriesWidget({super.key, required this.itemsList});
  final List<String> itemsList;

  @override
  State<CategoriesWidget> createState() => _CategoriesWidgetState();
}

class _CategoriesWidgetState extends State<CategoriesWidget> {
  @override
  Widget build(BuildContext context) {
    String selectedItem = widget.itemsList[0];

    return SizedBox(
      width: width(context) * 100,
      child: ListView.builder(
        scrollDirection: Axis.horizontal,
        itemCount: widget.itemsList.length,
        itemBuilder: (BuildContext context, int index) {
          final currentItem = widget.itemsList[index];
          Color currentItemColor = selectedItem == widget.itemsList[index]
              ? primaryColor
              : inputBgColor;
          return Chips(
            onPressed: () => {
              setState(() {
                selectedItem = currentItem;
              }),
            },
            buttonText: widget.itemsList[index],
            buttonStyle: textMedium.copyWith(
              fontWeight: FontWeight.w500,
              color: selectedItem == widget.itemsList[index]
                  ? whiteColor
                  : descColor,
            ),
            bgColor: currentItemColor,
          );
        },
      ),
    );
  }
}