import { default as React } from 'react';
export interface Subsection {
    id: string;
    title: string;
    content: React.ReactNode;
}
export interface CollapsibleDocumentationTopicProps {
    id: string;
    title: string;
    content: React.ReactNode;
    subsections?: Subsection[];
    isSelected?: boolean;
    selectedSubsection?: string | null;
    onSectionSelect?: (sectionId: string) => void;
    onSubsectionSelect?: (subsectionId: string, parentSectionId: string) => void;
    className?: string;
}
/**
 * CollapsibleDocumentationTopic - A collapsible documentation section component
 *
 * Features:
 * - Smooth collapsible animations with height transitions
 * - Support for nested subsections
 * - Selection states for both sections and subsections
 * - Responsive design with hover effects
 * - Dark mode support
 *
 * @param id - Unique identifier for the section
 * @param title - Display title for the section
 * @param content - React content to display (not used in current implementation)
 * @param subsections - Optional array of subsections
 * @param isSelected - Whether this section is currently selected
 * @param selectedSubsection - Currently selected subsection ID
 * @param onSectionSelect - Callback when section is selected
 * @param onSubsectionSelect - Callback when subsection is selected
 * @param className - Additional CSS classes
 */
export declare const CollapsibleDocumentationTopic: React.FC<CollapsibleDocumentationTopicProps>;
//# sourceMappingURL=CollapsibleDocumentationTopic.d.ts.map