import 'package:flutter/material.dart';
import 'package:gap/gap.dart';
import 'package:google_fonts/google_fonts.dart';

class DropDownWidget extends StatelessWidget {
  final String label;
  final List list;
  final String listTitle;
  const DropDownWidget({super.key, required this.label, required this.list, required this.listTitle});

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Text(label,
            style: GoogleFonts.outfit(
              textStyle: const TextStyle(color: Colors.white, fontSize: 16),
            )),
        const Gap(8),
        DropdownMenu(
          initialSelection: '',
          dropdownMenuEntries: [
            for (var item in list) DropdownMenuEntry(label: item[listTitle].toString(), value: item[listTitle])
          ],
          textStyle: TextStyle(color: Colors.white),
        ),

        // DropdownButton(
        //   isExpanded: true,
        //   value: list,
        //   onChanged: (_) {},
        //   items: list.map((item) {
        //     return DropdownMenuItem(
        //       value: item,
        //       child: Text(item, overflow: TextOverflow.ellipsis, maxLines: 1),
        //     );
        //   }).toList(),
        // ),
      ],
    );
  }
}