import * as react_jsx_runtime from 'react/jsx-runtime';

interface CaseStudyImageGridItem {
    image: string;
    logo: string;
    title: string;
    href?: string;
}
interface CaseStudiesImageGridProps {
    items?: CaseStudyImageGridItem[];
    className?: string;
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * CaseStudiesImageGrid displays case studies in a responsive grid layout with
 * full-bleed background images, company logos, and hover zoom effects.
 *
 * Features a 2-column asymmetric grid where the first and fifth items span 2 rows,
 * creating visual hierarchy. Each card shows a gradient overlay, company logo at top,
 * and case study title at bottom. Ideal for showcasing client success stories,
 * portfolio highlights, or featured projects with strong visual impact.
 *
 * @example
 * ```tsx
 * <CaseStudiesImageGrid
 *   items={[
 *     {
 *       image: "/images/case-1.jpg",
 *       logo: "/logos/client-1.svg",
 *       title: "How we helped TechCorp increase conversions by 200%",
 *       href: "/case-studies/techcorp"
 *     }
 *   ]}
 * />
 * ```
 */
declare function CaseStudiesImageGrid({ items, className, optixFlowConfig, }: CaseStudiesImageGridProps): react_jsx_runtime.JSX.Element;

export { CaseStudiesImageGrid, type CaseStudiesImageGridProps, type CaseStudyImageGridItem };
