import SwiftUI
import Bedrock

struct FieldHeaderView: View {
    let fieldType: ContactFieldType
    let themeColor: Color

    var body: some View {
        HStack(spacing: Design.Spacing.medium) {
            Circle()
                .fill(themeColor)
                .frame(width: Design.CardSize.avatarSize, height: Design.CardSize.avatarSize)
                .overlay(
                    fieldType.iconImage()
                        .typography(.title3)
                        .foregroundStyle(.white)
                )

            Text(fieldType.displayName)
                .typography(.heading)
                .foregroundStyle(Color.Text.primary)

            Spacer()
        }
        .padding(Design.Spacing.large)
        .background(Color.AppBackground.elevated)
    }
}
