twilio-wp-plugin/mobile/lib/widgets/queue_card.dart

import 'package:flutter/material.dart';
import '../models/queue_state.dart';

class QueueCard extends StatelessWidget {
  final QueueInfo queue;
  final VoidCallback? onTap;

  const QueueCard({super.key, required this.queue, this.onTap});

  @override
  Widget build(BuildContext context) {
    return Card(
      child: ListTile(
        onTap: onTap,
        leading: CircleAvatar(
          backgroundColor: queue.waitingCount > 0
              ? Colors.orange.shade100
              : Colors.green.shade100,
          child: Text(
            '${queue.waitingCount}',
            style: TextStyle(
              color: queue.waitingCount > 0 ? Colors.orange : Colors.green,
              fontWeight: FontWeight.bold,
            ),
          ),
        ),
        title: Text(queue.name),
        subtitle: Text(
          queue.waitingCount > 0
              ? '${queue.waitingCount} waiting'
              : 'No calls waiting',
        ),
        trailing: queue.extension != null
            ? Chip(label: Text('Ext ${queue.extension}'))
            : null,
      ),
    );
  }
}