import { ElementType, ReactNode } from 'react';
import { NavItem } from '../../organisms/LeftNavigation';
/**
 * DashboardLayout
 * Classification: custom (template composing AppBar + LeftNavigation)
 *
 * The standard application shell: a top AppBar, a collapsible primary side
 * navigation, and a scrollable content region. Compose pages inside `children`.
 */
export interface DashboardLayoutProps {
    children: ReactNode;
    navItems: NavItem[];
    selectedNavId?: string;
    onNavSelect?: (id: string) => void;
    /** Brand text shown in the AppBar. */
    brand?: ReactNode;
    /** Right-aligned AppBar content (search, notifications, avatar). */
    toolbar?: ReactNode;
    collapsed?: boolean;
    onToggleNav?: () => void;
    /**
     * Link component used for `navItems` that carry an `href`. Pass a router link
     * (`next/link`, react-router's `Link`) for client-side navigation.
     */
    navLinkComponent?: ElementType;
}
export declare function DashboardLayout({ children, navItems, selectedNavId, onNavSelect, brand, toolbar, collapsed, onToggleNav, navLinkComponent, }: DashboardLayoutProps): import("react").JSX.Element;