import type { Snippet } from 'svelte';
import type { AppBarVariant } from '../../molecules/AppBar/AppBar.svelte';
import type { BottomNavItem } from '../BottomNav/BottomNav.svelte';
export type MobileShellNavVariant = 'default' | 'floating' | 'pill' | 'notch';
interface MobileShellProps {
    title?: string;
    subtitle?: string;
    navItems?: BottomNavItem[];
    activeNav?: string;
    showNav?: boolean;
    showMenu?: boolean;
    showBack?: boolean;
    appBarVariant?: AppBarVariant;
    appBarElevated?: boolean;
    navVariant?: MobileShellNavVariant;
    navBlur?: boolean;
    /** Fill parent height (use inside PhoneFrame) */
    fill?: boolean;
    class?: string;
    contentClass?: string;
    children?: Snippet;
    trailing?: Snippet;
    /** Replaces default AppBar entirely */
    header?: Snippet;
    /** Extra layer above BottomNav (e.g. sticky CTA) */
    dock?: Snippet;
    onnav?: (id: string) => void;
    onback?: () => void;
    onmenu?: (open: boolean) => void;
}
declare const MobileShell: import("svelte").Component<MobileShellProps, {}, "activeNav">;
type MobileShell = ReturnType<typeof MobileShell>;
export default MobileShell;