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

interface ServiceHoverCarouselItem {
    id: string;
    title: string;
    price: string;
    image: string;
    hoverImage: string;
    tag: string;
}
interface ServiceHoverCarouselProps {
    heading?: string;
    items?: ServiceHoverCarouselItem[];
    className?: string;
    /** Optional Optix Flow configuration for @page-speed/img */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * ServiceHoverCarousel displays service cards with hover image swap effect.
 *
 * Features a header with title and navigation buttons, followed by a carousel
 * of portrait cards. Each card shows a primary image that swaps to a secondary
 * image on hover, with a badge tag overlay and title/price below. Includes a
 * progress bar indicator at the bottom. Ideal for showcasing services, products,
 * or portfolio items with before/after or alternate view imagery.
 *
 * @example
 * ```tsx
 * <ServiceHoverCarousel
 *   heading="Our Services"
 *   items={[
 *     {
 *       id: "1",
 *       title: "Web Development",
 *       price: "$1,500",
 *       image: "/images/service-1.jpg",
 *       hoverImage: "/images/service-1-hover.jpg",
 *       tag: "Custom Solutions"
 *     }
 *   ]}
 * />
 * ```
 */
declare function ServiceHoverCarousel({ heading, items, className, optixFlowConfig, }: ServiceHoverCarouselProps): react_jsx_runtime.JSX.Element;

export { ServiceHoverCarousel, type ServiceHoverCarouselItem, type ServiceHoverCarouselProps };
