import SwiftUI
import Bedrock

/// Loading state view shown while fetching the card from CloudKit.
struct ClipLoadingView: View {
    var body: some View {
        VStack(spacing: ClipDesign.Spacing.large) {
            ProgressView()
                .scaleEffect(1.5)
                .tint(Color.Clip.accent)

            Text(String(localized: "Loading card..."))
                .styled(.heading)
                .foregroundStyle(Color.Clip.text)
        }
        .accessibilityElement(children: .combine)
        .accessibilityLabel(Text(String(localized: "Loading business card")))
    }
}

#Preview {
    ZStack {
        Color.Clip.background
            .ignoresSafeArea()
        ClipLoadingView()
    }
}