import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:get/get.dart';

import 'menu_logic.dart';

class MenuComponent extends StatelessWidget {
  const MenuComponent({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    final logic = Get.put(MenuLogic());
    final state = Get.find<MenuLogic>().state;

    // return SizedBox(
    //   width: double.infinity,
    //   child: Wrap(
    //     direction: Axis.horizontal,
    //     alignment: WrapAlignment.spaceBetween,
    //     spacing: 15,
    //     runSpacing: 10,
    //     children: logic.menuList.map((item) {
    //       return GestureDetector(
    //         onTap: () {
    //           logic.goPage(item["page"]);
    //         },
    //         child: Column(
    //           children: [
    //             Image(
    //               image: NetworkImage(item["icon"]),
    //               width: 65,
    //             ),
    //             Text(item["title"],
    //                 style: const TextStyle(fontWeight: FontWeight.w500))
    //           ],
    //         ),
    //       );
    //     }).toList(),
    //   ),
    // );

    return SizedBox(
      height: 175.h,
      child: GridView(
          gridDelegate: const SliverGridDelegateWithFixedCrossAxisCount(
              crossAxisCount: 5, childAspectRatio: 0.8),
          children: logic.menuList.map((item) {
            return GestureDetector(
              onTap: () {
                logic.goPage(item["page"]);
              },
              child: Column(
                children: [
                  Image(
                    image: NetworkImage(item["icon"]),
                    width: 65.w,
                  ),
                  Text(item["title"],
                      style: const TextStyle(fontWeight: FontWeight.w500))
                ],
              ),
            );
          }).toList()),
    );
  }
}