import { EventEmitter } from '@angular/core';
import { DocsLayoutMetadata } from './types';
import * as i0 from "@angular/core";
/**
 * val-docs-layout
 *
 * A responsive 3-column layout template for documentation sites.
 * Provides slots for sidebar navigation, main content, and table of contents.
 *
 * @example Basic usage
 * ```html
 * <val-docs-layout [props]="{ showToc: true }">
 *   <ng-container sidebar>
 *     <val-docs-sidebar [props]="sidebarConfig"></val-docs-sidebar>
 *   </ng-container>
 *
 *   <ng-container content>
 *     <val-article [props]="articleConfig"></val-article>
 *   </ng-container>
 *
 *   <ng-container toc>
 *     <val-docs-toc [props]="tocConfig"></val-docs-toc>
 *   </ng-container>
 * </val-docs-layout>
 * ```
 */
export declare class DocsLayoutComponent {
    props: DocsLayoutMetadata;
    sidebarToggle: EventEmitter<boolean>;
    private readonly MOBILE_BREAKPOINT;
    private readonly TABLET_BREAKPOINT;
    private windowWidth;
    protected sidebarOpen: import("@angular/core").WritableSignal<boolean>;
    protected isMobile: import("@angular/core").Signal<boolean>;
    protected isTablet: import("@angular/core").Signal<boolean>;
    onResize(): void;
    onEscapeKey(): void;
    toggleSidebar(): void;
    closeSidebar(): void;
    static ɵfac: i0.ɵɵFactoryDeclaration<DocsLayoutComponent, never>;
    static ɵcmp: i0.ɵɵComponentDeclaration<DocsLayoutComponent, "val-docs-layout", never, { "props": { "alias": "props"; "required": false; }; }, { "sidebarToggle": "sidebarToggle"; }, never, ["[mobile-header]", "[sidebar]", "[content]", "[toc]"], true, never>;
}