import * as react_jsx_runtime from 'react/jsx-runtime';
import { OptixFlowConfig } from '@page-speed/img';

interface ProjectVideoHoverTwoByTwoItem {
    thumbnailSrc: string;
    videoSrc: string;
    studioName: string;
    projectTitle: string;
}
interface ProjectVideoHoverTwoByTwoProps {
    className?: string;
    heading?: string;
    subheading?: string;
    videoSections?: ProjectVideoHoverTwoByTwoItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ProjectVideoHoverTwoByTwo - 2x2 video grid with 16:9 aspect ratio cards.
 *
 * Displays exactly four video cards in a balanced 2x2 grid layout with video aspect
 * ratio (16:9) for each card. Features rounded corners and consistent gap spacing.
 * Each card shows a thumbnail that transitions to playing video on hover. Includes
 * a container-width header with title and audio icon. Perfect for showcasing a
 * curated selection of four featured video projects in a symmetrical, balanced
 * presentation.
 */
declare function ProjectVideoHoverTwoByTwo({ className, heading, subheading, videoSections, optixFlowConfig, }: ProjectVideoHoverTwoByTwoProps): react_jsx_runtime.JSX.Element;

export { ProjectVideoHoverTwoByTwo, type ProjectVideoHoverTwoByTwoItem, type ProjectVideoHoverTwoByTwoProps };
