import type { IElementRef } from '@melodicdev/core';
export type DashboardLayout = 'default' | 'wide' | 'full';
/**
 * ml-dashboard-page - Composite dashboard layout component
 *
 * Composes ml-app-shell with ml-page-header to provide a complete
 * dashboard page with sidebar, header, metrics row, main content,
 * and optional aside column.
 *
 * @example
 * ```html
 * <ml-dashboard-page title="Dashboard" description="Overview of your account">
 *   <ml-sidebar slot="sidebar">...</ml-sidebar>
 *   <ml-button slot="header-actions" variant="primary">Create</ml-button>
 *   <ml-stat slot="metrics">...</ml-stat>
 *   <div slot="main">Main content</div>
 *   <div slot="aside">Activity feed</div>
 * </ml-dashboard-page>
 * ```
 *
 * @slot sidebar - Sidebar content (passed through to app shell)
 * @slot header-actions - Action buttons for the page header
 * @slot metrics - Stat/metric cards row
 * @slot main - Primary content area (tables, charts)
 * @slot aside - Secondary content (activity feed, notifications)
 */
export declare class DashboardPageComponent implements IElementRef {
    elementRef: HTMLElement;
    /** Page title */
    title: string;
    /** Page description */
    description: string;
    /** Content layout variant */
    layout: DashboardLayout;
    /** Check if metrics slot has content */
    get hasMetrics(): boolean;
    /** Check if aside slot has content */
    get hasAside(): boolean;
    /** Check if header-actions slot has content */
    get hasHeaderActions(): boolean;
}
//# sourceMappingURL=dashboard-page.component.d.ts.map