import React, { ReactNode } from 'react';
import { CSSRule } from '@karma.run/react';
export interface ThemeColors {
    primary: string;
    primaryDark: string;
    action: string;
    actionDark: string;
    success: string;
    successDark: string;
    alert: string;
    alertDark: string;
    gray: string;
    grayDark: string;
    grayLight: string;
    light: string;
    dark: string;
    white: string;
    black: string;
}
export interface Theme {
    colors: ThemeColors;
}
export declare const ThemeContext: React.Context<Theme>;
export interface ThemeProviderProps {
    theme?: Theme;
    children?: ReactNode;
}
export declare function ThemeProvider({ theme, children }: ThemeProviderProps): JSX.Element;
export declare function useThemeStyle(): (...rules: CSSRule<{
    theme: Theme;
}>[]) => string;
export declare function useThemeStyle<P>(props: P): (...rules: CSSRule<P & {
    theme: Theme;
}>[]) => string;
export declare type CSSRuleWithTheme<P = {}> = CSSRule<P & {
    theme: Theme;
}>;
export declare function cssRuleWithTheme<P = {}>(styleFn: CSSRuleWithTheme<P>): CSSRuleWithTheme<P>;
export declare function themeMiddleware(): {
    theme: Theme;
};
//# sourceMappingURL=themeContext.d.ts.map