import React from 'react';
export interface IProps {
    children: React.ReactNode;
    className?: string;
    /**
     * Use smooth transition when collapsing. When enabled, component will attempt to set content
     * height explicitly. Will not work if content changes height without triggering a re-render.
     * See the isLoading prop as a potential solution.
     * */
    animate?: boolean;
    /** External expanded state. If undefined, state will be internally controlled.*/
    expanded?: boolean;
    /** Styling for the header container. */
    headerStyle?: React.CSSProperties;
    /** Hide the expand/collapse button in the header*/
    hideExpand?: boolean;
    /** Hide the header, which also hides the expand/clapse button. */
    hideHeader?: boolean;
    /** If content is async and height changes after loading is finished, use this to force a
     * re-render. */
    isLoading?: boolean;
    /** Styling for the top-level container. */
    style?: React.CSSProperties;
    /** Title on the left side of the header. */
    title?: React.ReactNode;
    /** Title on the right side of the header. */
    titleRight?: React.ReactNode;
    /** Will be called with new expanded state when expand/collapse arrow is clicked. */
    onExpand?: (expanded: boolean) => void;
}
export declare const Accordion: React.FC<IProps>;