import * as React from 'react';

interface HeroFloatingImagesItem {
    /**
     * Image source URL
     */
    src: string;
    /**
     * Alt text for the image
     */
    alt: string;
    /**
     * Tailwind classes for positioning and sizing
     */
    className: string;
}
interface HeroFloatingImagesProps {
    /**
     * Main heading text
     */
    title?: string;
    /**
     * Supporting description
     */
    description?: string;
    /**
     * Floating images to render
     */
    images?: HeroFloatingImagesItem[];
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * HeroFloatingImages - A centered hero with floating imagery and decorative
 * swirl backgrounds. Great for playful, lifestyle, or hospitality landing pages.
 */
declare function HeroFloatingImages({ title, description, images, className, optixFlowConfig, }: HeroFloatingImagesProps): React.JSX.Element;

export { HeroFloatingImages, type HeroFloatingImagesProps };
