import type { ProductBadge } from "../Commerce/commerceTypes"; /** Chip height: sm 20 px for compact cards, md 24 px for roomier cards and the product page. */ export type ProductBadgeSize = "sm" | "md"; /** solid: filled; soft: tinted; glass: translucent dark chip that stays legible over any photo. */ export type ProductBadgeVariant = "solid" | "soft" | "glass"; /** Stacking direction of the chips. */ export type ProductBadgesOrientation = "vertical" | "horizontal"; /** Corner badges for a product card or gallery; renders nothing for an empty list. */ export interface ProductBadgesProps { /** Badges in priority order; the first `max` are shown, the rest are dropped. */ badges: ProductBadge[]; /** How many badges to show; a card carries at most two. */ max?: number; /** Chip height; defaults to `sm`. */ size?: ProductBadgeSize; /** Chip style; defaults to `solid`. Use `glass` over photos. */ variant?: ProductBadgeVariant; /** Stack direction; defaults to `vertical`, `horizontal` wraps onto new rows. */ orientation?: ProductBadgesOrientation; "data-testid"?: string; }