import * as React from 'react';
export interface MobileTabBarPanel {
    key?: React.Key;
    label?: string;
}
export interface AppShellMobileTabBarProps {
    panels: MobileTabBarPanel[];
    activeIndex: number;
    onActiveChange: (index: number) => void;
    onSidebarOpen?: () => void;
    /** Base ID for generating ARIA tab/panel IDs */
    baseId?: string;
}
/**
 * Internal mobile tab bar for switching between panels on small viewports.
 * Implements the ARIA Tabs pattern with roving tabIndex and arrow key navigation.
 * Renders only when there are 2+ panels.
 */
declare function AppShellMobileTabBar({ panels, activeIndex, onActiveChange, onSidebarOpen, baseId, }: AppShellMobileTabBarProps): React.JSX.Element | null;
declare namespace AppShellMobileTabBar {
    var displayName: string;
}
export { AppShellMobileTabBar };