import SwiftUI
import Bedrock

struct OnboardingActivationStepView: View {
    var body: some View {
        VStack(alignment: .leading, spacing: Design.Spacing.large) {
            Image(systemName: "checkmark.seal.fill")
                .typography(.title)
                .foregroundStyle(Color.Accent.mint)

            VStack(alignment: .leading, spacing: Design.Spacing.small) {
                Text("You are ready to share")
                    .typography(.title2)
                    .bold()
                    .foregroundStyle(Color.Text.primary)

                Text("Next step: create your first card. Once it is saved, you can start sharing immediately.")
                    .typography(.body)
                    .foregroundStyle(Color.Text.secondary)
            }

            VStack(alignment: .leading, spacing: Design.Spacing.small) {
                OnboardingChecklistRowView(text: "Add your name, role, and company")
                OnboardingChecklistRowView(text: "Choose a photo or logo")
                OnboardingChecklistRowView(text: "Share your card with one tap")
            }
        }
        .frame(maxWidth: .infinity, alignment: .leading)
    }
}
