import React from 'react';
export interface SectionItem {
    id: string;
    title: string;
    subtitle?: string;
    description?: string;
    number?: string;
    disabled?: boolean;
    leftIcon?: React.ReactNode;
    badge?: {
        text: string;
        variant?: 'card' | 'button';
        colorScheme?: 'cyan' | 'pink' | 'yellow' | 'green' | 'purple' | 'default';
    };
    screenshots?: {
        src: string;
        alt: string;
        position: 'left' | 'center' | 'right';
    }[];
}
export interface SectionSelectorProps {
    sections: SectionItem[];
    activeSection: string;
    onSectionChange: (sectionId: string) => void;
    disabled?: boolean;
    className?: string;
    buttonClassName?: string;
    activeButtonClassName?: string;
    layout?: 'vertical' | 'wrap';
    buttonWidth?: 'auto' | 'full' | 'responsive';
    minHeight?: string;
    showDescription?: boolean;
}
export declare const SectionSelector: React.FC<SectionSelectorProps>;
export default SectionSelector;
//# sourceMappingURL=section-selector.d.ts.map