import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:yumi/modules/room_game/views/room_game_list_sheet.dart';
import 'package:yumi/shared/tools/sc_lk_dialog_util.dart';
import 'package:yumi/ui_kit/components/sc_debounce_widget.dart';

class RoomGameEntryButton extends StatelessWidget {
  const RoomGameEntryButton({super.key});

  @override
  Widget build(BuildContext context) {
    return SCDebounceWidget(
      onTap: () {
        showBottomInBottomDialog(
          context,
          RoomGameBottomSheet(roomContext: context),
          barrierColor: Colors.black54,
        );
      },
      child: Container(
        width: 44.w,
        height: 44.w,
        alignment: Alignment.center,
        decoration: BoxDecoration(
          shape: BoxShape.circle,
          color: const Color(0xff09372E).withValues(alpha: 0.72),
          border: Border.all(
            color: Colors.white.withValues(alpha: 0.22),
            width: 1.w,
          ),
          boxShadow: [
            BoxShadow(
              color: Colors.black.withValues(alpha: 0.18),
              blurRadius: 10.w,
              offset: Offset(0, 4.w),
            ),
          ],
        ),
        child: Text(
          '🎮',
          style: TextStyle(fontSize: 22.sp),
        ),
      ),
    );
  }
}

class RoomGameBottomSheet extends StatelessWidget {
  const RoomGameBottomSheet({
    super.key,
    required this.roomContext,
  });

  final BuildContext roomContext;

  @override
  Widget build(BuildContext context) {
    return RoomGameListSheet(roomContext: roomContext);
  }
}