import { ChatSettings, ChatTheme } from '../types';
/**
 * Maps config.settings.colors to CSS custom properties.
 * Returns an object suitable for use as an inline style that sets CSS variables.
 *
 * @param colors - The colors object from ChatSettings
 * @returns A record of CSS variable names to their values
 *
 * @example
 * ```typescript
 * const style = configColorsToCssVariables({
 *   primaryColor: '#0b3694',
 *   botMessageColor: '#f5f5f5',
 * })
 * // Returns: { '--cc-primary-color': '#0b3694', '--cc-background-bot-message': '#f5f5f5' }
 * ```
 */
export declare function configColorsToCssVariables(colors?: ChatSettings['colors']): Record<string, string>;
/**
 * Maps a ChatTheme's fontFamily to the --cc-font-family CSS variable.
 * Consumers can set this to override the default Figtree font.
 *
 * Components should reference font-family as:
 *   font-family: var(--cc-font-family, 'Figtree', sans-serif);
 *
 * @param theme - The ChatTheme object
 * @returns A record with the --cc-font-family CSS variable, or empty object
 */
export declare function themeFontToCssVariable(theme?: ChatTheme): Record<string, string>;
/**
 * Maps a ChatTheme's fontSize to the --cc-font-size CSS variable.
 * Consumers can set this to scale all text proportionally.
 *
 * Components should reference font-size as:
 *   font-size: var(--cc-font-size, 14px);                    (for 14px base)
 *   font-size: calc(var(--cc-font-size, 14px) * 1.2857);     (for 18px base)
 *
 * @param theme - The ChatTheme object
 * @returns A record with the --cc-font-size CSS variable, or empty object
 */
export declare function themeFontSizeToCssVariable(theme?: ChatTheme): Record<string, string>;