import * as React from 'react';

/**
 * @startingPoint section="Product" subtitle="Clickable product photo grid" viewport="700x180"
 * Product thumbnail row (desktop: 4-across) / grid (mobile: 2x2). Renders placeholder tiles --
 * no real product photography was provided (see readme); drop real photos into the images
 * array (src field, once available) in place of the placeholder icon tile.
 */
export interface ProductGalleryImage { src?: string; alt?: string; }
export interface ProductGalleryProps {
  images: ProductGalleryImage[];
  columns?: number;
}
export function ProductGallery(props: ProductGalleryProps): JSX.Element;