Voucher

import SwiftUI
import EandTokens

// Voucher: a fixed 144×144 ticket (r16). The outline, side notches and perforation are
// ONE exported Figma path (28278:13819) — import it as a vector asset; don't redraw it.
// Light = white ticket, dark = midnight-raised. Title title/xs over body/md, centred
// (padding 16/8), then the button/lg "Apply" action (padding 16/12).
struct Voucher: View {
  let title: String; let description: String
  var applied = false
  var onApply: () -> Void = {}
  var body: some View {
    VStack(spacing: 0) {
      VStack(spacing: 0) {
        Text(title).font(.system(size: EandTypography.titleXs.size, weight: EandTypography.titleXs.weight))
        Text(description).font(.system(size: EandTypography.bodyMd.size))
      }
      .foregroundColor(EandColor.textDefaultDefault)
      .multilineTextAlignment(.center)
      .padding(.vertical, EandSpacing.lg).padding(.horizontal, EandSpacing.sm)
      .frame(maxHeight: .infinity)
      Button(action: onApply) {
        HStack(spacing: EandSpacing.xs) {
          Text(applied ? "Applied" : "Apply")
            .font(.system(size: EandTypography.buttonLg.size, weight: EandTypography.buttonLg.weight))
          Image(systemName: applied ? "checkmark" : "plus.circle.fill").font(.system(size: EandIcon.xl))
        }
        .foregroundColor(applied ? EandColor.textPositiveSubtle : EandColor.buttonTertiaryTextMidnightDefault)
      }
      .disabled(applied)
      .padding(.vertical, EandSpacing.lg).padding(.horizontal, EandSpacing.md)
    }
    .frame(width: EandScale.scale144, height: EandScale.scale144)
    .background(Image("voucher-shape").renderingMode(.template).foregroundColor(EandColor.surfaceBaseInverse))
    .clipShape(RoundedRectangle(cornerRadius: EandRadius.radius6))
  }
}