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

interface ProjectMasonryColumnsItem {
    src: string;
    alt: string;
}
interface ProjectMasonryColumnsProps {
    className?: string;
    images?: ProjectMasonryColumnsItem[];
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * ProjectMasonryColumns - CSS columns-based masonry layout with staggered motion animations.
 *
 * Uses CSS multi-column layout to create a Pinterest-style masonry grid that automatically
 * distributes images across 1-3 columns based on viewport width. Each image animates in
 * with a fade and slide effect, staggered by index for a cascading reveal. On hover,
 * images scale up with increased brightness and a subtle dark overlay. Ideal for
 * photography portfolios, mood boards, or any collection where varying image heights
 * create visual interest.
 */
declare function ProjectMasonryColumns({ className, images, optixFlowConfig, }: ProjectMasonryColumnsProps): react_jsx_runtime.JSX.Element;

export { ProjectMasonryColumns, type ProjectMasonryColumnsItem, type ProjectMasonryColumnsProps };
