import * as react from 'react';
import { HTMLAttributes, ReactNode } from 'react';

interface SettingsNavItem {
    id: string;
    label: ReactNode;
    href?: string;
    active?: boolean;
    tone?: 'default' | 'danger';
}
interface SettingsLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
    title: ReactNode;
    description?: ReactNode;
    actions?: ReactNode;
    navItems?: SettingsNavItem[];
    activeId?: string;
    onNavSelect?: (id: string) => void;
}
declare const SettingsLayout: react.ForwardRefExoticComponent<SettingsLayoutProps & react.RefAttributes<HTMLDivElement>>;

export { SettingsLayout, type SettingsLayoutProps, type SettingsNavItem };