import * as React from 'react'; declare type PositionType = 'top' | 'left' | 'bottom' | 'right'; export interface SidebarProps { /** * Element which triggers sidebar showing by click. */ activator: React.ReactChild; /** * Determines where to show a sidebar. Valid positions are: left, right, top, bottom. * @default right */ position?: PositionType; /** * Size in valid css units. * @default 275px */ size?: string; /** * Determines if sidebar is opened or closed. Puts sidebar in controlled mode. */ open?: boolean; /** * Fires this event after trigger element was clicked. */ onShow?(): void; /** * Fires this event when sidebar should be closed. */ onClose?(): void; } interface SidebarState { open: boolean; } export declare class Sidebar extends React.Component { private controlled; constructor(props: SidebarProps); UNSAFE_componentWillReceiveProps(props: SidebarProps): void; componentDidMount(): void; componentWillUnmount(): void; private show; private hide; private onKeyPress; render(): JSX.Element; static inner: { readonly SidebarActivatorContainer: any; readonly SidebarPopup: React.FC & { inner: { readonly SidebarContainer: any; readonly CloseButton: React.SFC> & { inner: { readonly StyledCloseButton: any; readonly Icon: React.FC & { inner: { readonly StyledIcon: any; }; }; }; }; readonly SidebarBlocker: React.FC & { inner: { readonly StyledSidebarBlocker: any; }; }; }; }; }; } export {};