PriceLine

import SwiftUI
import EandTokens

// price-line: padding 12 top / 20 sides, gap 12, top-aligned. Label body/md subtle with
// an optional tertiary md action under it (gap 2); the value is title/xs, end-aligned.
struct PriceLine: View {
  let label: String; let value: String
  var actionLabel: String? = nil
  var onAction: () -> Void = {}
  var body: some View {
    HStack(alignment: .top, spacing: EandSpacing.md) {
      VStack(alignment: .leading, spacing: EandSpacing.spacing2xs) {
        Text(label).font(.system(size: EandTypography.bodyMd.size))
          .foregroundColor(EandColor.textDefaultSubtle)
        if let actionLabel {
          Button(action: onAction) {                 // tertiary hugs: no padding
            Text(actionLabel)
              .font(.system(size: EandTypography.buttonMd.size, weight: EandTypography.buttonMd.weight))
              .foregroundColor(EandColor.buttonTertiaryTextBrandDefault)
          }
        }
      }
      Spacer(minLength: 0)
      Text(value)
        .font(.system(size: EandTypography.titleXs.size, weight: EandTypography.titleXs.weight))
        .foregroundColor(EandColor.textDefaultDefault)
        .multilineTextAlignment(.trailing)
    }
    .padding(.top, EandSpacing.md).padding(.horizontal, EandSpacing.xl)
  }
}