@voice-ai-workforce/react
Version:
React components with 3-tier interface modes for voice-controlled workforce applications
62 lines (61 loc) • 1.63 kB
TypeScript
import React, { ReactNode } from 'react';
import { VoiceAITheme } from '../types/theme';
interface VoiceThemeContextType {
theme: VoiceAITheme;
setTheme: (theme: Partial<VoiceAITheme>) => void;
resetTheme: () => void;
isDark: boolean;
toggleDarkMode: () => void;
}
interface VoiceThemeProviderProps {
children: ReactNode;
initialTheme?: Partial<VoiceAITheme>;
enableDarkMode?: boolean;
persistTheme?: boolean;
storageKey?: string;
}
export declare const VoiceThemeProvider: React.FC<VoiceThemeProviderProps>;
export declare const useVoiceTheme: () => VoiceThemeContextType;
export declare const useComponentTheme: (customTheme?: Partial<VoiceAITheme>) => VoiceAITheme;
export declare const useThemeStyles: () => {
primaryButton: {
backgroundColor: string;
color: string;
borderColor: string;
};
secondaryButton: {
backgroundColor: string;
color: string;
borderColor: string;
};
ghostButton: {
backgroundColor: string;
color: string;
borderColor: string;
};
panel: {
backgroundColor: string;
borderColor: string;
color: string;
boxShadow: string;
};
statusOnline: {
backgroundColor: string;
};
statusOffline: {
backgroundColor: string;
};
statusProcessing: {
backgroundColor: string;
};
statusListening: {
backgroundColor: string;
};
};
export declare const useResponsiveTheme: () => {
theme: VoiceAITheme;
isMobile: boolean;
spacing: string;
fontSize: string;
};
export {};