import type { Snippet } from 'svelte';
import type { SettingsNavGroup, SettingsNavItem } from '../SettingsLayout/SettingsLayout.svelte';
import type { SelectOption } from '../../molecules/Select/Select.svelte';
export interface SettingsFormValues {
    workspaceName: string;
    workspaceSlug: string;
    workspaceAbout: string;
    timezone: string;
    language: string;
    visibility: string;
    theme: string;
    density: string;
    emailNotifs: boolean;
    mentionNotifs: boolean;
    digestNotifs: boolean;
    productTips: boolean;
    twoFactor: boolean;
    loginAlerts: boolean;
    sessionTimeout: string;
}
interface SettingsPageProps {
    title?: string;
    description?: string;
    items?: SettingsNavItem[];
    groups?: SettingsNavGroup[];
    value?: string;
    dirty?: boolean;
    loading?: boolean;
    values?: Partial<SettingsFormValues>;
    languageOptions?: SelectOption[];
    visibilityOptions?: SelectOption[];
    sessionOptions?: SelectOption[];
    class?: string;
    children?: Snippet;
    footer?: Snippet;
    onsubmit?: (values: SettingsFormValues) => void;
    oncancel?: () => void;
    onchange?: (id: string) => void;
    ondelete?: () => void;
    onpassword?: () => void;
    onsessions?: () => void;
}
declare const SettingsPage: import("svelte").Component<SettingsPageProps, {}, "value" | "dirty">;
type SettingsPage = ReturnType<typeof SettingsPage>;
export default SettingsPage;