import * as React from "react";
import type { BrandVariant } from "../design-tokens/types";
export interface ThemeSelectorProps {
    /**
     * Show mode toggle (Day/Night/Auto)
     * @default true
     */
    showModeToggle?: boolean;
    /**
     * Show theme radio buttons (Dark/Lite)
     * @default true
     */
    showThemeToggle?: boolean;
    /**
     * Show brand color swatches
     * @default true
     */
    showBrandColors?: boolean;
    /**
     * Custom brand colors to display (if you want to add more than the default 4)
     */
    customBrandColors?: Array<{
        id: string;
        name: string;
        color: string;
    }>;
    /**
     * Callback when brand color changes
     */
    onBrandChange?: (brand: BrandVariant) => void;
    /**
     * Callback when theme mode changes
     */
    onThemeModeChange?: (mode: "light" | "dark") => void;
    /**
     * Callback when app theme changes (Day/Night/Auto)
     */
    onAppThemeChange?: (theme: "light" | "dark" | "system") => void;
}
/**
 * ThemeSelector Component
 *
 * A comprehensive theme selector that allows users to:
 * - Toggle between Day/Night/Auto modes
 * - Switch between Dark/Lite themes
 * - Select brand colors from available palettes
 *
 * @example
 * ```tsx
 * <ThemeSelector
 *   showModeToggle={true}
 *   showThemeToggle={true}
 *   showBrandColors={true}
 *   onBrandChange={(brand) => console.log('Brand changed:', brand)}
 * />
 * ```
 */
export declare const ThemeSelector: React.FC<ThemeSelectorProps>;
//# sourceMappingURL=theme-selector.d.ts.map