import type { MobileShellProp } from "../../props/components/layout.prop.js";
export type { MobileShellProp, MobileShellProp as MobileShellProps, } from "../../props/components/layout.prop.js";
/**
 * MobileShell — the HANDHELD app shell: a status band, an app bar, ONE scroll region,
 * a sticky action bar and a bottom tab bar, in that fixed order.
 *
 * The fourth root shell. The other three cannot express a phone app: `AppShell` REQUIRES a sidebar
 * (its bar is a grid area beside the nav rail), `AuthShell` is the UNAUTHENTICATED root and centres
 * a ~24rem card, and `CenteredShell` is a scrolling DOCUMENT — its `main` scrolls the page, which
 * is precisely what a handheld app must not do.
 *
 * SOURCE ORDER IS THE LAYOUT. The bands are a flex column and nothing repositions them, so the DOM
 * order and the reading order are the same order — the accessibility property AppShell has to buy
 * back with grid areas. `actions` therefore comes before `tabBar` in the DOM as well as on screen.
 *
 * i18n: the three landmarks reuse the SHARED shell labels (`layout.appShell.headerLabel` /
 * `.mainLabel` for the bar and the scroll region, `layout.sidebar.ariaLabel` for the tab bar, which
 * IS the app's primary navigation). They are the same strings in all three locales, and a fourth
 * identical copy under `layout.mobileShell.*` would be three files of duplication to keep in sync.
 */
export declare function MobileShell({ statusBar, header, children, actions, tabBar, height, width, className, }: MobileShellProp): import("react").JSX.Element;