gamify-ui-core/dist/src/components/ThemeProvider.d.ts

🚀 The ultimate gamification engine for modern web applications. Framework-agnostic, real-time leaderboards, custom rule engine, streaks, missions, and AI-powered features.

import React, { ReactNode } from 'react';
import { Theme } from '../types';
interface ThemeProviderProps {
    theme: Theme;
    children: ReactNode;
}
/**
 * Theme provider component that injects CSS variables
 */
export declare const ThemeProvider: React.FC<ThemeProviderProps>;
/**
 * Hook to use theme
 */
export declare const useTheme: () => Theme;
/**
 * Hook to use theme colors
 */
export declare const useThemeColors: () => {
    primary: string;
    secondary: string;
    success: string;
    warning: string;
    error: string;
    background: string;
    surface: string;
    text: string;
};
/**
 * Hook to use theme animations
 */
export declare const useThemeAnimations: () => {
    badgePopup: string;
    xpGain: string;
    levelUp: string;
    achievement: string;
};
/**
 * Hook to use theme sounds
 */
export declare const useThemeSounds: () => {
    levelUp?: string;
    achievement?: string;
    badge?: string;
    streak?: string;
};
/**
 * Hook to use theme spacing
 */
export declare const useThemeSpacing: () => {
    xs: string;
    sm: string;
    md: string;
    lg: string;
    xl: string;
};
/**
 * Hook to use theme border radius
 */
export declare const useThemeBorderRadius: () => {
    sm: string;
    md: string;
    lg: string;
};
export {};
//# sourceMappingURL=ThemeProvider.d.ts.map