import * as React from 'react';

interface ServicesListFeatureSpotlightItem {
    /**
     * Unique identifier for the feature
     */
    id: string;
    /**
     * Feature title
     */
    title: string;
    /**
     * Feature description
     */
    description: string;
    /**
     * Eyebrow label for the feature
     */
    eyebrow?: string;
    /**
     * Badge labels for the feature
     */
    badges?: [string, string];
    /**
     * Icon name for the feature
     */
    icon: string;
    /**
     * Feature image
     */
    image: {
        src: string;
        alt: string;
    };
}
interface ServicesListFeatureSpotlightProps {
    /**
     * Section heading
     */
    heading?: string;
    /**
     * Section subheading
     */
    subheading?: string;
    /**
     * Features list
     */
    features?: ServicesListFeatureSpotlightItem[];
    /**
     * Additional CSS classes for the section wrapper
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * ServicesListFeatureSpotlight - Alternating image and card layout that
 * highlights key service differentiators with badges and icons. Works well
 * for service pages needing rich storytelling and visual variety.
 */
declare function ServicesListFeatureSpotlight({ heading, subheading, features, className, optixFlowConfig, }: ServicesListFeatureSpotlightProps): React.JSX.Element;

export { ServicesListFeatureSpotlight, type ServicesListFeatureSpotlightProps };
