import type { ReactNode } from 'react';

export interface MoreOffersProps {
  /** Four `MoreOfferCard`s (4 columns; 2 below 900px; 1 below 400px). */
  children: ReactNode;
}

/**
 * Four-column grid of linked product tiles (`.kwac-more`) pointing at related
 * listings, max 1040px.
 */
export function MoreOffers({ children }: MoreOffersProps) {
  return <div className="kwac-more">{children}</div>;
}