import 'package:flutter/material.dart';
import 'package:provider/provider.dart';

import 'data.dart';

class UI extends StatelessWidget {
  const UI({super.key});

  @override
  Widget build(BuildContext context) {
    return const MaterialApp(
      home: ContactList(),
    );
  }
}

class ContactList extends StatelessWidget {
  const ContactList({super.key});

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text("Contacts")),
      body: Consumer<AppState>(
        builder: (BuildContext context, AppState state, Widget? child) {
          return ListView.builder(
            itemCount: state.contacts.length,
            itemBuilder: (BuildContext context, int index) {
              MapEntry<String, bool> data = state.contacts.entries.elementAt(index);
              String address = data.key;
              bool isOpen = data.value;
              return ListTile(
                leading: Icon(
                  isOpen ? Icons.meeting_room : Icons.door_front_door,
                  color: isOpen ? Colors.red : Colors.green,
                ),
                title: Text(address),
              );
            },
          );
        },
      ),
    );
  }
}