import * as React from 'react';
interface CollapsibleSectionProps {
    title: string;
    children: React.ReactNode;
    defaultOpen?: boolean;
    icon?: React.ElementType;
    className?: string;
    style?: React.CSSProperties;
    chevronPosition?: 'left' | 'right';
    switchVariant?: {
        checked: boolean;
        onCheckedChange: (checked: boolean) => void;
        disabled?: boolean;
    };
    itemCount?: number;
    onAddItem?: () => void;
    onToggleVisibility?: (visibility: boolean) => void;
    addItemTitle?: string;
    colour?: string;
    /** Extra buttons rendered in the header next to the chevron. Click events
     *  on this content are not propagated to the section's collapse toggle. */
    headerActions?: React.ReactNode;
    /** Controlled open state. Omit to let the section manage its own (`defaultOpen`). */
    open?: boolean;
    /** Called whenever the section wants to open or close. */
    onOpenChange?: (open: boolean) => void;
    /** Handlers making the header a drag handle, e.g. from `useLongPressReorder`. */
    dragHandleProps?: React.HTMLAttributes<HTMLElement> & {
        ref?: React.Ref<HTMLElement>;
    };
    /** True while this section is the one being dragged to a new position. */
    isReordering?: boolean;
}
export declare function CollapsibleSection({ title, children, defaultOpen, icon, className, style, chevronPosition, switchVariant, itemCount, onAddItem, onToggleVisibility, addItemTitle, colour, headerActions, open, onOpenChange, dragHandleProps, isReordering, }: CollapsibleSectionProps): React.JSX.Element;
export {};
//# sourceMappingURL=CollapsibleSection.d.ts.map