import 'package:flutter/material.dart';

class PongMenu extends StatelessWidget {
  // Constructor to initialize the PongMenu with required properties
  const PongMenu({
    super.key,
    required this.title,
    required this.subTitle,
    required this.child,
  });

  final String title;
  final String subTitle;
  final Widget child;

  @override
  Widget build(BuildContext context) {
    // Get the size of the screen
    final mq = MediaQuery.of(context).size;
    // Calculate the height and width of the dialog
    final dialogHeight = mq.height * 0.4;
    final dialogWidth = mq.width * 0.8;

    // Return a custom-styled Dialog with specified properties
    return Dialog(
      shape: RoundedRectangleBorder(borderRadius: BorderRadius.circular(8)),
      elevation: 0,
      backgroundColor: Colors.transparent,
      child: Container(
        width: dialogWidth,
        height: dialogHeight,
        decoration: BoxDecoration(
          color: const Color.fromARGB(255, 33, 33, 33),
          borderRadius: BorderRadius.circular(25),
        ),
        child: Column(
          mainAxisSize: MainAxisSize.max,
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: [
            // Display the title with custom styling
            Text(
              title,
              style: const TextStyle(
                fontSize: 30,
                fontWeight: FontWeight.bold,
                color: Colors.white,
              ),
            ),
            // Display the subTitle with custom styling
            Text(
              subTitle,
              style: const TextStyle(
                fontSize: 30,
                fontWeight: FontWeight.bold,
                color: Colors.white,
              ),
            ),
            // Display the child widget
            child,
          ],
        ),
      ),
    );
  }
}