import type { ReactNode } from 'react';

export interface FeatureTrioProps {
  /** Three `Feature`s. */
  children: ReactNode;
}

/**
 * Three-column, left-aligned feature list (`.kwac-trio`) with wide 40px gaps
 * and no card chrome, max 1000px. Stacks below 900px. Sits under a statement
 * inside a `Section`.
 */
export function FeatureTrio({ children }: FeatureTrioProps) {
  return <div className="kwac-trio">{children}</div>;
}
