import React from "react";
import { DetailedHTMLProps, HTMLAttributes } from "react";
export declare const Sidebar: ({ children, style, isExpanded, isExpandedWidth, isExpandedTransitionduration, ...props }: ISidebar) => JSX.Element;
export interface ISidebar extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
    isExpanded: boolean;
    isExpandedWidth?: string | number | undefined;
    isExpandedTransitionduration?: number;
}
export declare const SidebarToggler: ({ style, isExpanded, toggle, isExpandedIcon, isCollapsedIcon, ...props }: ISidebarToggler) => JSX.Element;
export interface ISidebarToggler extends DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement> {
    isExpanded: boolean;
    toggle: () => void;
    isExpandedIcon: React.ReactNode;
    isCollapsedIcon: React.ReactNode;
}
export declare const useSidebar: (props?: {
    defaultIsExpanded?: boolean | undefined;
} | undefined) => {
    isExpanded: boolean;
    setIsExpanded: React.Dispatch<React.SetStateAction<boolean>>;
    toggle: () => void;
};