import React from 'react';
interface PanelProps {
    children?: React.ReactNode;
    /** Custom close icon, if not provided a default will be used */
    closeIcon?: React.ReactNode;
    /** Callback that will be fired when close button is pressed, should set `active` status to false. */
    onClose?: () => void;
    /** Element that will be displayed alongside the close button  */
    title?: React.ReactNode;
}
export interface SlidePanelProps extends PanelProps {
    /** When true, the side panel will be present.  */
    active: boolean;
    /** Content that will be displayed in the panel.  */
    children: React.ReactNode;
    /** Callback that should set `active` status to false. */
    onClose: () => void;
    /** If true, the rest of the app will be dimmed out by an overlay. */
    overlay?: boolean;
    /** On which side of the screen the panel will be anchored. */
    position?: 'left' | 'right';
    /** Whether to show the close button on top right, defaults to true */
    showCloseButton?: boolean;
    /** Panel width */
    width?: string;
}
declare const SlidePanel: ({ active, closeIcon, children, onClose, overlay, position, showCloseButton, title, width, }: SlidePanelProps) => React.JSX.Element | null;
export { SlidePanel };
