import { ComputedRef } from 'vue';
export type ESTheme = 'dark' | 'light';
export type ESThemeConfig = {
    colorPrimary?: string;
    colorSuccess?: string;
    colorWarning?: string;
    colorError?: string;
    colorInfo?: string;
    darkBgColor?: string;
    darkBgColorPage?: string;
    darkBgColorOverlay?: string;
    lightBgColor?: string;
    lightBgColorPage?: string;
    lightBgColorOverlay?: string;
};
interface UseThemeReturn {
    /** 当前主题（只读） */
    theme: ComputedRef<Readonly<ESTheme>>;
    /** 主题配置（响应式） */
    themeConfig: ComputedRef<ESThemeConfig>;
    /** 设置主题 */
    setTheme: (newTheme: ESTheme) => void;
    /** 切换主题 */
    toggleTheme: () => void;
    /** 设置自定义 Token */
    setCustomThemeConfig: (tokens: ESThemeConfig) => void;
    /** 重置自定义 Token */
    resetCustomThemeConfig: () => void;
    /** 是否为暗色主题 */
    isDark: ComputedRef<boolean>;
    /** 是否为亮色主题 */
    isLight: ComputedRef<boolean>;
}
/**
 * 主题管理 Composable
 *
 * @example
 * ```vue
 * <script setup>
 * import { useTheme } from 'earthsdk-ui'
 *
 * const { theme, themeConfig, setTheme, toggleTheme, isDark, isLight } = useTheme()
 * </script>
 * ```
 */
declare function useTheme(): UseThemeReturn;
export { useTheme, type ESTheme as ESThemeType };