import React, { ReactNode } from 'react';
export interface LayoutProps {
    /** Brand name or logo to display in navbar */
    brandName?: string;
    /** Link destination for brand (defaults to "/") */
    brandLink?: string;
    /** Content to render in the navbar (typically navigation items) */
    children?: ReactNode;
    /** Whether to render the router outlet inside the layout */
    renderOutlet?: boolean;
}
/**
 * Base layout component providing navbar structure.
 * Translated from Angular LayoutComponent.
 *
 * Provides a responsive Bootstrap-style navbar with:
 * - Brand/logo area
 * - Collapsible navigation for mobile
 * - Slot for navigation content via children
 * - Container with router outlet
 *
 * @example
 * ```tsx
 * <Layout brandName="MyApp">
 *   <NavItems />
 * </Layout>
 * ```
 */
export declare function LayoutBase({ brandName, brandLink, children, renderOutlet, }: LayoutProps): React.ReactElement;
export default LayoutBase;