import React__default from 'react';

interface ThemeProviderProps {
    children: React__default.ReactNode;
    /** Tenant primary brand color (hex). Default: WealthX green */
    primary?: string;
    /** Tenant secondary brand color (hex). Default: WealthX dark navy */
    secondary?: string;
    /** Tenant font family override. Default: Figtree */
    fontFamily?: string;
    /** Disable CSS variable injection (e.g. for SSR with static CSS) */
    injectCssVariables?: boolean;
}
/**
 * Returns the theme CSS variables from the nearest ThemeProvider.
 * Portal-based components use this to re-apply scoped theme vars
 * on content rendered outside the ThemeProvider's DOM subtree.
 */
declare function useThemeVars(): Record<string, string>;
/**
 * WealthX ThemeProvider — injects tenant brand colors as scoped CSS variables.
 *
 * How it works:
 * 1. Takes primary/secondary hex colors from tenant config
 * 2. Converts to oklch() (matching globals.css format)
 * 3. Auto-computes WCAG contrast text for each via WCAG luminance
 * 4. Sets CSS custom properties as inline styles on a wrapper \<div\>,
 *    scoped to this subtree (inherited by children via CSS cascade).
 *    This allows multiple ThemeProviders on the same page with different colors.
 *
 * Usage:
 *   \<ThemeProvider primary="#FF6600" secondary="#1A1A2E"\>
 *     \<App /\>
 *   \</ThemeProvider\>
 */
declare function ThemeProvider({ children, primary, secondary, fontFamily, injectCssVariables, }: ThemeProviderProps): React__default.ReactElement;
/**
 * Build CSS variables object for SSR or static contexts.
 * Returns a flat Record\<string, string\> that can be serialized to a \<style\> tag.
 */
declare function buildCssVariables(options: {
    primary?: string;
    secondary?: string;
    fontFamily?: string;
}): Record<string, string>;

export { ThemeProvider, type ThemeProviderProps, buildCssVariables, useThemeVars };