import React from 'react';
import { ValueOf } from '../types';
import './collapsible-sidebar.less';
export declare const TOGGLE_BUTTON_PLACEMENTS: {
    readonly left: "left";
    readonly right: "right";
};
export type ToggleButtonPlacement = ValueOf<typeof TOGGLE_BUTTON_PLACEMENTS>;
export type CollapsibleSidebarProps = {
    /** Children accepts a react node to be rendered inside of the sidebar */
    children: React.ReactNode;
    /** Custom class name that will be added to the list of sidebar classes */
    sidebarClassName?: string;
    /** Class name for a minimized version of the sidebar that would be added when the sidebar is minimized/collapsed */
    sidebarMinimizedClassName?: string;
    /** Function that would be called when the toggle collapse button is clicked */
    toggleButtonClassName?: string;
    /** Function that would be called when the toggle collapse button is clicked */
    onToggleMinimized?: (minimazed: boolean) => void;
    /** Boolean value that indicated whether the sidebar is minimized */
    isMinimized?: boolean;
    /** Test id that would be added to the root element of the sidebar */
    testId?: string;
    /** Test id that would be added to the toggle button of the sidebar */
    toggleButtonTestId?: string;
    /** Placement of the toggle panel collapse button */
    toggleButtonPlacement?: ToggleButtonPlacement;
    /** Disable minimization */
    disableToggleMinimization?: boolean;
    activeMinimize?: boolean;
    /** Sidebar name that will be announced by the assistive technology */
    sidebarName?: string;
    /** Enables resize of the component by dragging its border */
    isResizeEnabled?: boolean;
    /** Minimum width to which user can resize sidebar */
    minWidth?: string | number;
    /** Maximum width to which user can resize sidebar */
    maxWidth?: string | number;
    /** width of the sidebar in expanded state */
    width?: number | string;
    /** handler to be invoked when width is changed (if resizing is enabled) */
    onWidthChange?: (newWidth: number | string) => void;
    /** text to be shown in the tooltip upon hovering over border in minimized sidebar */
    openTooltipText?: string;
    /** text to be shown in the tooltip upon hovering over border in non-minimized sidebar */
    closeTooltipText?: string;
    /** text to be shown in the tooltip upon hovering over border when sidebar is resizable */
    resizeTooltipText?: string;
};
/**
 * Use card block to display data helps users quickly locate and browse data.
 * @midnight-gray-supported
 * @alpine-light-supported
 * */
declare const CollapsibleSidebar: React.ForwardRefExoticComponent<CollapsibleSidebarProps & React.RefAttributes<HTMLDivElement>>;
export default CollapsibleSidebar;
