import 'package:flutter/material.dart';
import 'package:marco/helpers/widgets/avatar.dart';
import 'package:marco/helpers/widgets/my_text.dart';

class TeamBottomSheet {
  static void show({
    required BuildContext context,
    required List<dynamic> teamMembers,
  }) {
    showModalBottomSheet(
      context: context,
      shape: const RoundedRectangleBorder(
        borderRadius: BorderRadius.vertical(top: Radius.circular(12)),
      ),
      backgroundColor: Colors.white,
      builder: (_) => Padding(
        padding: const EdgeInsets.symmetric(vertical: 8, horizontal: 12),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            // Title and Close Icon
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: [
                MyText.bodyLarge("Team Members", fontWeight: 600),
                IconButton(
                  icon: const Icon(Icons.close, size: 20, color: Colors.black54),
                  onPressed: () => Navigator.pop(context),
                ),
              ],
            ),
            const Divider(thickness: 1.2),
            // Team Member Rows
            ...teamMembers.map((member) => _buildTeamMemberRow(member)),
          ],
        ),
      ),
    );
  }

  static Widget _buildTeamMemberRow(dynamic member) {
    return Padding(
      padding: const EdgeInsets.symmetric(vertical: 8),
      child: Row(
        children: [
          Avatar(firstName: member.firstName, lastName: '', size: 36),
          const SizedBox(width: 10),
          MyText.bodyMedium(member.firstName, fontWeight: 500),
        ],
      ),
    );
  }
}