import SwiftUI
import SharedModels

struct PracticeHeaderView: View {
    let verb: Verb?
    let tenseInfo: TenseInfo?
    let person: String

    var body: some View {
        VStack(spacing: 12) {
            if let verb {
                Text(verb.infinitive)
                    .font(.title2.bold())

                Text(verb.english)
                    .font(.subheadline)
                    .foregroundStyle(.secondary)
            }

            if let tenseInfo {
                TensePill(tenseInfo: tenseInfo)
            }

            Text(person)
                .font(.title3.weight(.medium))
                .foregroundStyle(.primary)
        }
    }
}

#Preview {
    PracticeHeaderView(
        verb: nil,
        tenseInfo: TenseInfo.all.first,
        person: "yo"
    )
    .padding()
}
