import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:syncrow_app/features/menu/model/menu_list_model.dart';
import 'package:syncrow_app/features/menu/view/widgets/menu_list_divider.dart';
import 'package:syncrow_app/features/menu/view/widgets/menu_list_item.dart';
import 'package:syncrow_app/features/shared_widgets/default_container.dart';
import 'package:syncrow_app/features/shared_widgets/text_widgets/body_small.dart';

class MenuList extends StatelessWidget {
  const MenuList({
    super.key,
    required this.listModel,
  });

  final MenuListModel listModel;

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: [
        const Gap(5),
        BodySmall(
          text: listModel.label!,
        ),
        const Gap(5),
        DefaultContainer(
          child: ListView.separated(
              shrinkWrap: true,
              padding: const EdgeInsets.all(0),
              physics: const NeverScrollableScrollPhysics(),
              itemCount: listModel.listItems!.length,
              itemBuilder: (context, index) {
                return MenuListItem(
                  listItem: listModel.listItems![index]!,
                );
              },
              separatorBuilder: (context, index) => const MenuListDivider()),
        ),
        const Gap(5),
      ],
    );
  }
}