import SwiftUI
import Bedrock

struct EmptyContactsView: View {
    var body: some View {
        VStack(spacing: Design.Spacing.large) {
            Image(systemName: "person.2.slash")
                .typography(.title2)
                .foregroundStyle(Color.Text.secondary)

            Text("No contacts yet")
                .typography(.heading)
                .foregroundStyle(Color.Text.primary)

            Text("Tap + to add a contact, scan a QR code, or track who you share your card with.")
                .typography(.subheading)
                .foregroundStyle(Color.Text.secondary)
                .multilineTextAlignment(.center)
                .padding(.horizontal, Design.Spacing.xLarge)
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(Color.AppBackground.base)
    }
}
