import 'package:flutter/material.dart';
import 'package:hooks_riverpod/hooks_riverpod.dart';

import '../app/constant.dart';
import '../app/route.dart';

class CustomDrawer extends HookConsumerWidget {
  const CustomDrawer({
    super.key,
  });

  @override
  Widget build(BuildContext context, WidgetRef ref) {
    return Drawer(
      child: ListView(
        padding: EdgeInsets.only(
          top: Constant.getActualYPhone(context: context, y: 10),
        ),
        children: [
          // DrawerHeader(
          //   decoration: BoxDecoration(
          //     color: Colors.blue,
          //   ),
          //   child: Text(
          //     'Drawer Header',
          //     style: TextStyle(
          //       color: Colors.white,
          //       fontSize: 24,
          //     ),
          //   ),
          // ),
          ListTile(
            title: Text('Home'),
            onTap: () {
              // Handle navigation to Home screen
              Navigator.pop(context);
              Navigator.pushNamed(context, homeRoute);
            },
          ),
          ListTile(
            title: Text('Transaksi'),
            onTap: () {
              // Handle navigation to Transaksi screen
              Navigator.pop(context);
              Navigator.pushNamed(context, transaksiRoute);
            },
          ),
          ListTile(
            title: Text('User'),
            onTap: () {
              // Handle navigation to User screen
              Navigator.pop(context);
              Navigator.pushNamed(context, userRoute);
            },
          ),
          ListTile(
            title: Text('Logout'),
            onTap: () {
              // Handle logout logic
              Navigator.pop(context);
            },
          ),
        ],
      ),
    );
  }
}