// Type definitions for react-sidebar 3.0
// Project: https://github.com/balloob/react-sidebar#readme
// Definitions by: Jeroen Vervaeke <https://github.com/jeroenvervaeke>
// Definitions: https://github.com/DefinitelyTyped/DefinitelyTyped
// TypeScript Version: 2.8

import { Component } from "react";

export interface SidebarProps {
    contentClassName?: string;
    defaultSidebarWidth?: number;
    docked?: boolean;
    dragToggleDistance?: number;
    onSetOpen?(open: boolean): void;
    open?: boolean;
    overlayClassName?: string;
    pullRight?: boolean;
    rootClassName?: string;
    shadow?: boolean;
    sidebar?: React.ReactNode;
    sidebarClassName?: string;
    styles?: SidebarStyles;
    transitions?: boolean;
    touch?: boolean;
    touchHandleWidth?: number;
    rootId?: string;
    sidebarId?: string;
    contentId?: string;
    overlayId?: string;
}

export interface SidebarStyles {
    content?: Partial<CSSStyleDeclaration>;
    dragHandle?: Partial<CSSStyleDeclaration>;
    overlay?: Partial<CSSStyleDeclaration>;
    root?: Partial<CSSStyleDeclaration>;
    sidebar?: Partial<CSSStyleDeclaration>;
}

export default class Sidebar extends Component<SidebarProps> {}