ListRow

import SwiftUI
import EandTokens

// V1.2 list-item (type=info): a padded r20 card. 40pt icon tile (r12, glass midnight 7%),
// title/xs + body/md subtitle; trailing value (title/xs) over a hint, then a 16pt chevron.
// type=price is flat: no surface, padding 0/0/16. Not a tap target — use ActionBar for that.
struct ListRowView: View {
  let label: String; let sublabel: String; let value: String; let hint: String
  var body: some View {
    HStack(spacing: EandSpacing.md) {
      HStack(alignment: .top, spacing: EandSpacing.sm) {
        Image(systemName: "simcard.fill")
          .frame(width: EandScale.scale32, height: EandScale.scale32)
          .padding(EandSpacing.xs)
          .background(EandColor.surfaceGlassMidnightSm, in: RoundedRectangle(cornerRadius: EandRadius.radius4))
        VStack(alignment: .leading, spacing: EandSpacing.spacing2xs) {
          Text(label).font(.system(size: EandTypography.titleXs.size, weight: EandTypography.titleXs.weight))
          Text(sublabel).font(.system(size: EandTypography.bodyMd.size))
            .foregroundColor(EandColor.textDefaultSubtle)
        }
      }
      Spacer(minLength: 0)
      HStack(spacing: EandSpacing.xs) {
        VStack(alignment: .trailing, spacing: EandSpacing.spacing2xs) {
          Text(value).font(.system(size: EandTypography.titleXs.size, weight: EandTypography.titleXs.weight))
          Text(hint).font(.system(size: EandTypography.bodyMd.size))
            .foregroundColor(EandColor.textDefaultSubtle)
        }
        Image(systemName: "chevron.right").font(.system(size: EandIcon.md))
          .frame(width: EandIcon.lg, height: EandIcon.lg)
      }
    }
    .foregroundColor(EandColor.textDefaultDefault)
    .padding(EandSpacing.lg)
    .background(EandColor.surfaceRaisedDefault)
    .clipShape(RoundedRectangle(cornerRadius: EandRadius.radius7))
  }
}