Gift List Section for Gift Registry

GiftListSection.txt

Section  {
    List {
        ForEach(model.gifts) { gift in
            HStack {
                Button {
                    // purchaseButtonTapped
                } label: {
                    Image(systemName: gift.isPurchased ? "checkmark.circle.fill" : "circle")
                        .foregroundStyle(gift.isPurchased ? .green : .secondary)
                }
                .buttonStyle(.plain)
                VStack(alignment: .leading) {
                    Text(gift.name)
                        .strikethrough(gift.isPurchased)
                    if let price = gift.price {
                        Text(price, format: .currency(code: "USD"))
                            .font(.caption)
                            .foregroundStyle(.secondary)
                    }
                }
                Spacer()
                Button {
                    // EditButton Tapped
                } label: {
                    Image(systemName: "pencil.circle")
                        .foregroundStyle(.blue)
                }
                .buttonStyle(.plain)
            }
            .swipeActions(edge: .trailing) {
                Button(role: .destructive) {
                    // Delete Gift button Tapped
                }
            }
        }
    }
} header:  {
    HStack {
        Text("Gifts")
        Spacer()
        Button {
            // NewGiftButtonTapped
        } label: {
            Image(systemName: "plus.circle.fill")
        }
    }
}