import SwiftUI
import Bedrock

struct WidgetWatchPreviewCard: View {
    let card: BusinessCard

    var body: some View {
        WidgetSurfaceCard {
            Label("Watch Widget", systemImage: "applewatch")
                .styled(.headingEmphasis)

            HStack(spacing: Design.Spacing.medium) {
                QRCodeView(payload: card.vCardPayload)
                    .frame(width: Design.CardSize.widgetWatchSize, height: Design.CardSize.widgetWatchSize)
                    .clipShape(.rect(cornerRadius: Design.CornerRadius.medium))

                VStack(alignment: .leading, spacing: Design.Spacing.xSmall) {
                    Text("Ready to scan")
                        .styled(.subheadingEmphasis, emphasis: .secondary)

                    Text("Open on Apple Watch")
                        .styled(.caption, emphasis: .tertiary)
                }
                .frame(maxWidth: .infinity, alignment: .leading)
            }
        }
    }
}
