import type { ReactNode } from 'react';

export interface GalleryProps {
  /** Three `GalleryItem`s (3 columns; below 900px 2 + 1 full width). */
  children: ReactNode;
}

/**
 * Three-column grid of white product tiles (`.kwac-gallery`), max 1080px wide.
 * Put it inside a `Section` without statement (`aria-label="Produktbilder"`)
 * between two statement bands; on an `alt` band the tile borders disappear.
 */
export function Gallery({ children }: GalleryProps) {
  return <div className="kwac-gallery">{children}</div>;
}