import 'package:flutter/material.dart';

class Dialpad extends StatelessWidget {
  final void Function(String digit) onDigit;
  final VoidCallback onClose;

  const Dialpad({super.key, required this.onDigit, required this.onClose});

  static const _keys = [
    ['1', '2', '3'],
    ['4', '5', '6'],
    ['7', '8', '9'],
    ['*', '0', '#'],
  ];

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.symmetric(horizontal: 48),
      child: Column(
        mainAxisSize: MainAxisSize.min,
        children: [
          ..._keys.map((row) => Row(
                mainAxisAlignment: MainAxisAlignment.spaceEvenly,
                children: row
                    .map((key) => Padding(
                          padding: const EdgeInsets.all(4),
                          child: InkWell(
                            onTap: () => onDigit(key),
                            borderRadius: BorderRadius.circular(40),
                            child: Container(
                              width: 64,
                              height: 64,
                              alignment: Alignment.center,
                              child: Text(
                                key,
                                style: Theme.of(context)
                                    .textTheme
                                    .headlineSmall,
                              ),
                            ),
                          ),
                        ))
                    .toList(),
              )),
          const SizedBox(height: 8),
          TextButton(
            onPressed: onClose,
            child: const Text('Close'),
          ),
        ],
      ),
    );
  }
}