import SwiftUI

struct EvolutionPickerMenuHeader: View {

  let key: LocalizedStringKey

  var body: some View {
    HStack(alignment: .center, spacing: Dimensions.Spacing.regular) {
      Text(key)
        .font(.Theme.Caption.emphasized)
        .lineSpacing(Dimensions.LineHeight.caption - Dimensions.FontSize.caption)
        .padding(.vertical, Dimensions.Spacing.cozy)
        .textCase(.uppercase)
        .padding(.leading, Dimensions.Spacing.regular)
        .layoutPriority(1)
      Spacer()
        .frame(height: 1)
        .background(Color.Theme.UI.foreground.opacity(0.2))
    }
    .padding(.horizontal, Dimensions.Spacing.regular)
    .cornerRadius(Dimensions.EvolutionPicker.radius)
  }
}

#Preview {
  EvolutionPickerMenuHeader(key: "stage_type.section.types")
}