import SwiftUI

struct TaskStatChip: View {
    let icon: String
    let value: String
    let label: String
    let color: Color

    var body: some View {
        HStack(spacing: 4) {
            Image(systemName: icon)
                .font(.caption)
                .foregroundColor(color)

            Text(value)
                .font(.subheadline)
                .fontWeight(.bold)
                .foregroundColor(color)

            Text(label)
                .font(.caption)
                .foregroundColor(Color.appTextSecondary)
        }
        .accessibilityElement(children: .combine)
        .accessibilityLabel(A11y.Common.stat(value: value, label: label))
    }
}

#Preview {
    VStack(spacing: 16) {
        TaskStatChip(
            icon: "list.bullet",
            value: "10",
            label: "Tasks",
            color: .blue
        )

        TaskStatChip(
            icon: "checkmark.circle.fill",
            value: "3",
            label: "Done",
            color: .green
        )

        TaskStatChip(
            icon: "clock.fill",
            value: "5",
            label: "Pending",
            color: .orange
        )
    }
    .padding()
}