import { default as React } from 'react';
/**
 * Setting section interface
 * Matches the SettingSection from useMailAccountSettings hook
 */
export interface SettingItem {
    id: string;
    title: string;
    icon?: string;
    description?: string;
}
export interface SettingsListProps {
    /** Array of setting items to display */
    settings: SettingItem[];
    /** Currently selected setting ID */
    selectedSetting?: string;
    /** Callback when a setting is selected */
    onSettingSelect: (settingId: string) => void;
    /** Optional CSS class name */
    className?: string;
}
/**
 * SettingsList Component
 *
 * Displays a list of setting items for an email account, similar to how
 * mailboxes are displayed in a mail client sidebar.
 *
 * Features:
 * - Each item shows an icon and title
 * - Highlights the currently selected setting
 * - Hover states for better UX
 * - Dark mode support
 * - Accessible keyboard navigation
 *
 * @example
 * ```tsx
 * <SettingsList
 *   settings={[
 *     { id: 'general', title: 'General', icon: 'cog' },
 *     { id: 'forwarding', title: 'Forwarding', icon: 'arrow-right' },
 *   ]}
 *   selectedSetting="general"
 * />
 * ```
 */
export declare const SettingsList: React.FC<SettingsListProps>;
//# sourceMappingURL=settings-list.d.ts.map