import { FC, ReactNode } from 'react';
import { ButtonProps } from 'theme-ui';
import { ActionContainerProps } from '../ActionContainer';
export declare const IconButton: FC<ButtonProps>;
export declare type BackgroundType = 'dark' | 'light';
export declare type DirectionType = 'ltr' | 'rtl';
export interface PanelContainerOwnProps {
    /**
     * by default, which tab to have open.
     */
    openTab?: ReactNode;
    /**
     * if true, the tabs on the panels will be visible
     */
    visibleTabs?: boolean;
    /**
     * background pattern type
     */
    background?: BackgroundType;
    /**
     * direction type
     */
    direction?: DirectionType;
}
export declare type PanelContainerProps = PanelContainerOwnProps & ActionContainerProps;
/**
 * Action container with built-in collapsible panels
 *
 */
export declare const PanelContainer: FC<PanelContainerProps>;