import * as React from "react";
import { ChangeHandler } from "../__utils/type";
interface CollapseProps {
    panels: PanelProps[];
    /** Active panel key */
    activeKey?: number;
    /** Callback to handle the change event of the tab */
    onChange?: ChangeHandler<number>;
    /** Determines the icon position of the arrow */
    expandIconPosition?: "left" | "right";
}
export declare const Collapse: ({ activeKey, onChange, panels, expandIconPosition }: CollapseProps) => JSX.Element;
interface PanelProps {
    panelKey: string | number;
    header: HeaderProps;
    content: React.ReactNode;
    disabled?: boolean;
    /** extra component to be rendered on the right side of the header */
    extra?: React.ReactNode;
}
export declare const Panel: ({ panelKey, header, content, disabled }: PanelProps) => JSX.Element;
export interface HeaderProps {
    text: string;
    style?: React.CSSProperties;
    extra?: React.ReactNode;
    open?: boolean;
}
export declare const Header: ({ text, style, extra, open }: HeaderProps) => JSX.Element;
export default Collapse;