import { LitElement } from 'lit';
/**
 * Flexible content layout with configurable sidebars
 *
 * @slot sidebar-left - Left sidebar content
 * @slot default - Main content area
 * @slot sidebar-right - Right sidebar content
 * @slot aside - Additional aside content (mobile-hidden by default)
 *
 * @event sidebar-toggle - Dispatched when sidebar is toggled on mobile
 *
 * @cssprop --content-max-width - Maximum width of content area (default: 1280px)
 * @cssprop --sidebar-left-width - Left sidebar width (default: 250px)
 * @cssprop --sidebar-right-width - Right sidebar width (default: 300px)
 * @cssprop --content-gap - Gap between sections (default: 2rem)
 * @cssprop --mobile-breakpoint - Mobile breakpoint (default: 1024px)
 */
export declare class UIContentLayout extends LitElement {
    static styles: import("lit").CSSResult;
    layout: 'single' | 'left' | 'right' | 'both' | 'centered';
    padded: boolean;
    dark: boolean;
    fullWidth: boolean;
    reverse: boolean;
    compact: boolean;
    spacious: boolean;
    sidebarLeftCollapsed: boolean;
    sidebarRightCollapsed: boolean;
    private mobileSidebarOpen;
    private mobileSidebarSide;
    private toggleMobileSidebar;
    private closeMobileSidebar;
    private handleSlotChange;
    render(): import("lit-html").TemplateResult<1>;
}
declare global {
    interface HTMLElementTagNameMap {
        'ui-content-layout': UIContentLayout;
    }
}
//# sourceMappingURL=content-layout.d.ts.map