import type { ReactNode } from 'react';

export interface DetailGridProps {
  /** Two `DetailCard`s. */
  children: ReactNode;
}

/**
 * Two-column grid of component detail cards (`.kwac-detail`), max 960px,
 * stacked below 740px. Use it for the "two components, one team" band.
 */
export function DetailGrid({ children }: DetailGridProps) {
  return <div className="kwac-detail">{children}</div>;
}