NewCard

import SwiftUI
import EandTokens

// new-on-eand: a 137×224 Story column, no surface. A 4pt-padded frame (r24) around a
// r20 image; selected adds a 2pt gradient ring that does not move the image. "New card"
// md badge at 12,12; a centred body/md caption, 12pt below.
struct NewCard: View {
  let title: String; let image: Image
  var selected = false
  var body: some View {
    VStack(spacing: EandSpacing.md) {
      ZStack(alignment: .topLeading) {
        image.resizable().scaledToFill()
          .clipShape(RoundedRectangle(cornerRadius: EandRadius.radius7))
          .padding(EandSpacing.xs)
          .overlay {
            if selected {
              // Ring stops: legacy Light Green #47cb6c (no token), midnight, brand red.
              RoundedRectangle(cornerRadius: EandRadius.radius8).strokeBorder(
                LinearGradient(stops: [
                  .init(color: Color(hex: "#47cb6c"), location: 0),
                  .init(color: EandColor.midnight1000, location: 0.56),
                  .init(color: EandColor.red1000, location: 1),
                ], startPoint: .bottomLeading, endPoint: .topTrailing),
                lineWidth: EandBorder.lg)
            }
          }
        OfferBadge(text: "New card").padding(EandSpacing.md)
      }
      Text(title).font(.system(size: EandTypography.bodyMd.size))
        .multilineTextAlignment(.center).lineLimit(2)
        .padding(.horizontal, EandSpacing.md)
    }
    .frame(width: 137, height: EandSection.bodyHeightRow3)
  }
}