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

interface ExpandableCaseStudyItem {
    id: string;
    title: string;
    href: string;
    image: string;
    logo: string;
    company: string;
    badges?: string[];
}
interface ExpandableCaseStudyCardsProps {
    items?: ExpandableCaseStudyItem[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * ExpandableCaseStudyCards displays case study cards that expand on hover.
 *
 * Features a horizontal row of cards where the hovered card expands to 60% width
 * while others shrink to 20%. Each card shows a background image, company logo,
 * badges, and a title with an arrow icon. Ideal for showcasing portfolio items,
 * case studies, or featured projects with visual emphasis on the selected item.
 *
 * @example
 * ```tsx
 * <ExpandableCaseStudyCards
 *   items={[
 *     {
 *       id: "1",
 *       title: "E-commerce Platform Redesign",
 *       href: "/case-studies/ecommerce",
 *       image: "/images/case-1.jpg",
 *       logo: "/logos/client-1.svg",
 *       company: "TechCorp",
 *       badges: ["E-commerce", "UX Design"]
 *     }
 *   ]}
 * />
 * ```
 */
declare function ExpandableCaseStudyCards({ items, className, optixFlowConfig, }: ExpandableCaseStudyCardsProps): react_jsx_runtime.JSX.Element;

export { ExpandableCaseStudyCards, type ExpandableCaseStudyCardsProps, type ExpandableCaseStudyItem };
