import { EventEmitter } from '../../stencil-public-runtime';
/**
 * A customizable side navigation component for organizing primary navigation and content areas in an application.
 *
 * The component supports a `<slot>` for injecting custom content inside the side navigation panel.
 */
export declare class ModusWcSideNavigation {
    private inheritedAttributes;
    private minWidth;
    private navRef?;
    /** Reference to the host element */
    el: HTMLElement;
    /** Whether the side navigation should collapse when clicking outside of it. */
    collapseOnClickOutside: boolean;
    /** Custom CSS class to apply to the inner div. */
    customClass?: string;
    /** Whether the side navigation is expanded. */
    expanded: boolean;
    /** Maximum width of the side navigation panel in an expanded state. */
    maxWidth: string;
    /** Mode to make side navigation either overlay or push the content for the selector specified in targetContent */
    mode: 'overlay' | 'push';
    /** (optional) Specify the selector for the page's content for which paddings and margins will be set by side navigation based on the mode. */
    targetContent: string;
    /** Event emitted when the expanded state changes (expanded/collapsed). */
    expandedChange: EventEmitter<boolean>;
    handleExpandedChange(): void;
    handleModeChange(mode: any): void;
    handleTargetContentChange(target: any): void;
    componentWillLoad(): void;
    connectedCallback(): void;
    disconnectedCallback(): void;
    private getClasses;
    private handleClickOutside;
    private setTargetContentMargin;
    render(): any;
}