import React from 'react';
import { COLLAPSIBLE_PANEL_ACCENT_TYPES } from './types';
import { ValueOf } from '../types';
import './collapsible-panel.less';
export declare const COLLAPSIBLE_PANEL_PLACEMENT: {
    readonly TOP: "top";
    readonly BOTTOM: "bottom";
};
export type CollapsiblePanelPlacement = ValueOf<typeof COLLAPSIBLE_PANEL_PLACEMENT>;
export type TransitionProps = {
    unmountOnExit: boolean;
    classNames: string;
    timeout: number;
    [key: string]: any;
};
export type CollapsiblePanelProps = {
    expanded?: boolean;
    isDisabled?: boolean;
    shouldScrollIntoView?: boolean;
    children?: React.ReactNode;
    header?: React.ReactNode;
    headerAriaLabel?: string;
    headerTestId?: string;
    headerClassName?: string;
    onChange?: (collapsed: boolean) => void;
    className?: string;
    collapsedContent?: React.ReactNode;
    chevronClassName?: string;
    transitionProps?: TransitionProps;
    headerPlacement?: CollapsiblePanelPlacement;
    accentType?: COLLAPSIBLE_PANEL_ACCENT_TYPES;
    maxHeight?: number;
};
/** A CollapsiblePanel allows users to collapse or expand panel.
 * @midnight-gray-supported
 * @alpine-light-supported
 */
declare const CollapsiblePanel: ({ children: childrenProp, className, expanded, isDisabled, shouldScrollIntoView, onChange, header, headerAriaLabel, headerTestId, headerClassName, chevronClassName, headerPlacement, collapsedContent, accentType, transitionProps, maxHeight, }: CollapsiblePanelProps) => import("react/jsx-runtime").JSX.Element;
export default CollapsiblePanel;
