import type { CSSProperties, HTMLAttributes, MouseEvent, ReactNode } from 'react';
interface BaseSectionProps {
    title: string;
    serial?: number;
    rightElement?: ReactNode | ((isOpen: boolean) => ReactNode);
    leftElement?: ReactNode | ((isOpen: boolean) => ReactNode);
    headerStyle?: CSSProperties;
    arrowProps?: {
        style?: CSSProperties;
        hide?: boolean;
    };
}
interface SectionItemProps extends BaseSectionProps {
    id?: string;
    index?: number;
    onClick?: (id: any, event?: MouseEvent<HTMLDivElement>) => void;
    children?: ReactNode | ((options: {
        isOpen?: boolean;
    }) => ReactNode);
    isOpen: boolean;
    sticky?: boolean;
    onReorder?: (sourceId: number, targetId: number) => void;
    dragLabel?: string;
}
interface SectionProps {
    children?: ReactNode;
    isOverflow?: boolean;
    renderActiveSectionContentOnly?: boolean;
    matchContentHeight?: boolean;
}
export declare function Sections(props: SectionProps): import("react/jsx-runtime").JSX.Element;
export declare namespace Sections {
    var Header: typeof SectionHeader;
    var Body: typeof SectionBody;
    var Item: typeof SectionItem;
}
declare function SectionHeader(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
declare function SectionBody(props: HTMLAttributes<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
declare function SectionItem(props: SectionItemProps): import("react/jsx-runtime").JSX.Element;
export {};
//# sourceMappingURL=Sections.d.ts.map