/**
 * Generate Theme Styles
 * Creates CSS custom properties from accent color and theme mode
 */
export interface SimpleWidgetAppearance {
    accentColor: string;
    position: 'bottom-right' | 'bottom-left' | 'top-right' | 'top-left';
    size: 'small' | 'medium' | 'large';
    welcomeTitle?: string;
    welcomeMessage?: string;
    placeholder?: string;
    headerTitle?: string;
    buttonIcon?: string;
}
/**
 * Generate all CSS custom properties for the widget
 */
export declare function generateThemeStyles(appearance: SimpleWidgetAppearance, theme: 'light' | 'dark'): Record<string, string>;
/**
 * Apply theme styles to an element
 */
export declare function applyThemeStyles(element: HTMLElement, appearance: SimpleWidgetAppearance, theme: 'light' | 'dark'): void;
//# sourceMappingURL=generateThemeStyles.d.ts.map