import type { Snippet, Component } from 'svelte';
import type { IconBoxTone } from '../../atoms/IconBox/IconBox.svelte';
import type { QuickAction } from '../../molecules/QuickActionGrid/QuickActionGrid.svelte';
export interface AccountSettingItem {
    id: string;
    label: string;
    description?: string;
    badge?: string;
    tone?: IconBoxTone;
    icon?: Component;
}
export interface AccountToggleItem {
    id: string;
    title: string;
    description?: string;
    checked: boolean;
}
export interface AccountSection {
    id: string;
    title: string;
    items: AccountSettingItem[];
}
interface MobileAccountPageProps {
    name: string;
    email?: string;
    avatar?: string;
    role?: string;
    plan?: string;
    status?: 'online' | 'away' | 'busy' | 'offline';
    actions?: QuickAction[];
    /** Flat settings list (used if sections is empty) */
    settings?: AccountSettingItem[];
    sections?: AccountSection[];
    toggles?: AccountToggleItem[];
    version?: string;
    showEdit?: boolean;
    signOutLabel?: string;
    class?: string;
    headerExtra?: Snippet;
    onaction?: (id: string) => void;
    ontoggle?: (id: string, checked: boolean) => void;
    onedit?: () => void;
    onsignout?: () => void;
}
declare const MobileAccountPage: Component<MobileAccountPageProps, {}, "toggles">;
type MobileAccountPage = ReturnType<typeof MobileAccountPage>;
export default MobileAccountPage;