import SwiftUI
import Bedrock

struct EmptyCardsView: View {
    let onCreateCard: () -> Void

    var body: some View {
        VStack(spacing: Design.Spacing.xLarge) {
            Spacer()

            Image(systemName: "rectangle.stack.badge.plus")
                .typography(.title2)
                .foregroundStyle(Color.Text.secondary)

            VStack(spacing: Design.Spacing.small) {
                Text("Create your first card")
                    .typography(.title2)
                    .bold()
                    .foregroundStyle(Color.Text.primary)

                Text("Design and share polished digital business cards for every context.")
                    .typography(.subheading)
                    .foregroundStyle(Color.Text.secondary)
                    .multilineTextAlignment(.center)
            }
            .padding(.horizontal, Design.Spacing.xLarge)

            PrimaryActionButton(
                title: String.localized("Create Card"),
                systemImage: "plus"
            ) {
                onCreateCard()
            }

            Spacer()
        }
    }
}
