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: 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'),
              ),
            ],
          ),
        ),
      ),
    );
  }
}