import 'package:flutter/material.dart';

class MatchedScreen extends StatelessWidget {
  final String currentUserName;
  final String otherUserName;
  final String currentUserImageUrl;
  final String otherUserImageUrl;
  final VoidCallback onMessageButtonPressed;
  final VoidCallback onContinueButtonPressed;

  const MatchedScreen({
    super.key,
    required this.currentUserName,
    required this.otherUserName,
    required this.currentUserImageUrl,
    required this.otherUserImageUrl,
    required this.onMessageButtonPressed,
    required this.onContinueButtonPressed,
  });

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('It\'s a Match!')),
      body: Padding(
        padding: const EdgeInsets.all(16.0),
        child: Center(
          child: SingleChildScrollView(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                Text(
                  'You and $otherUserName have liked each other!',
                  style: const TextStyle(fontSize: 24),
                  textAlign: TextAlign.center,
                ),
                const SizedBox(height: 24),
                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    CircleAvatar(
                      backgroundImage: (currentUserImageUrl.isEmpty)
                          ? null
                          : NetworkImage(currentUserImageUrl),
                      radius: 50,
                      child: (currentUserImageUrl.isEmpty)
                          ? const Icon(Icons.person, size: 50)
                          : null,
                    ),
                    const SizedBox(width: 24),
                    CircleAvatar(
                      backgroundImage: (otherUserImageUrl.isEmpty)
                          ? null
                          : NetworkImage(otherUserImageUrl),
                      radius: 50,
                      child: (otherUserImageUrl.isEmpty)
                          ? const Icon(Icons.person, size: 50)
                          : null,
                    ),
                  ],
                ),
                const SizedBox(height: 24),
                Text(
                  '$currentUserName and $otherUserName',
                  style: const TextStyle(fontSize: 20),
                  textAlign: TextAlign.center,
                ),
                const SizedBox(height: 24),
                ElevatedButton(
                  onPressed: onMessageButtonPressed,
                  child: const Text('Send a Message'),
                ),
                const SizedBox(height: 16),
                ElevatedButton(
                  onPressed: onContinueButtonPressed,
                  child: const Text('Continue Swiping'),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}