import SwiftUI

struct EvolutionPickerMenuItem: View {

  @State var isHovered: Bool = false

  let stageType: StageType
  let isSelected: Bool

  var body: some View {
    HStack(alignment: .center, spacing: Dimensions.Spacing.coziest) {
      Image(systemName: "checkmark")
        .opacity(isSelected ? 1.0 : 0.0)
        .bold(true)
      Text(Stage.title(stageType))
        .font(isSelected ? .Theme.Body.emphasized : .Theme.Body.regular)
        .padding(Dimensions.Spacing.cozy)
      Spacer()
    }
    .padding(.horizontal, Dimensions.Spacing.regular)
    .background(isHovered ? Color.Theme.UI.accent : Color.clear)
    .cornerRadius(Dimensions.EvolutionPicker.radius)
    .onHover { hovering in
      isHovered = hovering
    }
  }
}

#Preview {
  EvolutionPickerMenuItem(stageType: .behavior, isSelected: false)
  EvolutionPickerMenuItem(stageType: .ubiquity, isSelected: true)
}