var body: some View {
    NavigationView {
        List {
            ForEach(people) { person in
                VStack(alignment: .leading, spacing: 6) {

                    Text("\(person.firstName) \(person.surname)")
                        .font(.headline)

                    Text("Gender: \(person.gender)")
                    Text("Age: \(person.age)")

                    Text("Address:")
                        .font(.subheadline)
                        .bold()

                    Text("\(person.address.streetAddress)")
                    Text("\(person.address.city), \(person.address.state)")
                    Text("Postal Code: \(person.address.postalCode)")

                    Text("Phone Numbers:")
                        .font(.subheadline)
                        .bold()

                    ForEach(person.phoneNumbers, id: \.number) { phone in
                        Text("\(phone.type.capitalized): \(phone.number)")
                    }
                }
                .padding(.vertical, 8)
            }
        }
        .navigationTitle("People")
    }
}