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

interface FeatureNumberedCardsItem {
    /**
     * Feature title
     */
    title: string;
    /**
     * Feature description
     */
    description: string;
    /**
     * Image source URL
     */
    image: string;
    /**
     * Checklist items
     */
    checklistItems?: string[];
}
interface FeatureNumberedCardsProps {
    /**
     * Array of numbered feature cards
     */
    features?: FeatureNumberedCardsItem[];
    /**
     * Additional CSS classes for the section
     */
    className?: string;
    /**
     * Optional Optix Flow configuration for image optimization
     */
    optixFlowConfig?: {
        apiKey: string;
        compression?: number;
    };
}
/**
 * Feature Numbered Cards - Stacked feature cards with numbered badges and
 * images, featuring checklists.
 *
 * Layout: Vertical stack of bordered cards with numbered badges and side images.
 * Key features: Numbered badges, checklist items, alternating image positions.
 * Best for: Payment features, security highlights, step-by-step processes.
 *
 * @example
 * ```tsx
 * <FeatureNumberedCards
 *   features={[
 *     {
 *       title: "Secure Payments",
 *       description: "Process payments securely with our gateway.",
 *       image: "/payments.jpg",
 *       checklistItems: ["SSL encryption", "Stripe integration"]
 *     },
 *   ]}
 * />
 * ```
 */
declare function FeatureNumberedCards({ features, className, optixFlowConfig, }: FeatureNumberedCardsProps): react_jsx_runtime.JSX.Element;

export { FeatureNumberedCards, type FeatureNumberedCardsProps };
