import type { ReactNode } from 'react';

export interface OffersProps {
  /** Two `OfferCard`s side by side (max 900px); stacked below 740px. */
  children: ReactNode;
}

/**
 * Two-column comparison grid for offer cards (`.kwac-offers`). Always exactly
 * two cards: the offer at hand (highlighted) and the alternative.
 */
export function Offers({ children }: OffersProps) {
  return <div className="kwac-offers">{children}</div>;
}