import type { ReactNode } from "react"; /** One reassurance, e.g. "7-day easy returns". */ export interface TrustItem { /** Stable key; falls back to the title. */ id?: string; /** A lucide icon element; decorative, so the title always carries the meaning. */ icon: ReactNode; /** Bold headline of the tile; also the React key when `id` is missing. */ title: string; /** Smaller muted line under the title. */ detail?: string; } /** `row` is a wrapping horizontal strip, `grid` an even two-column grid, `stack` a vertical list. */ export type TrustBadgesLayout = "row" | "grid" | "stack"; /** Reassurance items (returns, COD, authenticity, secure payments) on a tonal tile. */ export interface TrustBadgesProps { /** Tiles in display order; an empty array renders nothing. */ items: TrustItem[]; /** Defaults to "row". */ layout?: TrustBadgesLayout; /** Accessible name of the list. */ "aria-label"?: string; "data-testid"?: string; }