import * as React from 'react';
import { S as SectionBackground, s as SectionSpacing, t as PatternName } from './community-initiatives-rTRuDt0r.js';
import { O as OptixFlowConfig } from './blocks-BlWXj9GI.js';
import 'react/jsx-runtime';
import 'class-variance-authority';
import './button-variants-8mtEHxev.js';
import 'class-variance-authority/types';
import '@opensite/hooks/usePlatformFromUrl';

interface CaseStudyImageGridItem {
    /**
     * Background image URL
     */
    image: string;
    /**
     * Company logo image URL
     */
    logo: string;
    /**
     * Case study title
     */
    title: React.ReactNode;
    /**
     * Link URL for the case study
     */
    href?: string;
    /**
     * Additional CSS classes for this item
     */
    className?: string;
}
interface CaseStudiesImageGridProps {
    /**
     * Array of case study items to display
     */
    items?: CaseStudyImageGridItem[];
    /**
     * Custom slot for rendering items (overrides items array)
     */
    itemsSlot?: React.ReactNode;
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Additional CSS classes for the container
     */
    containerClassName?: string;
    /**
     * Additional CSS classes for the grid
     */
    gridClassName?: string;
    /**
     * Additional CSS classes for each item card
     */
    itemClassName?: string;
    /**
     * Additional CSS classes for the background image
     */
    imageClassName?: string;
    /**
     * Additional CSS classes for the gradient overlay
     */
    overlayClassName?: string;
    /**
     * Additional CSS classes for the logo
     */
    logoClassName?: string;
    /**
     * Additional CSS classes for the title
     */
    titleClassName?: string;
    /**
     * Background style for the section
     */
    background?: SectionBackground;
    /**
     * Vertical spacing for the section
     */
    spacing?: SectionSpacing;
    /**
     * Optional background pattern name or URL
     */
    pattern?: PatternName | undefined;
    /**
     * Pattern overlay opacity (0-1)
     */
    patternOpacity?: number;
    /**
     * OptixFlow image optimization configuration
     */
    optixFlowConfig?: OptixFlowConfig;
}
/**
 * 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, itemsSlot, className, containerClassName, gridClassName, itemClassName, imageClassName, overlayClassName, logoClassName, titleClassName, background, spacing, pattern, patternOpacity, optixFlowConfig, }: CaseStudiesImageGridProps): React.JSX.Element;

export { CaseStudiesImageGrid, type CaseStudiesImageGridProps, type CaseStudyImageGridItem };
