import React, { ReactNode } from 'react';
import { Align, Color, Family, Pad, Size, Weight } from './types';
export declare const optionProps: (theme: any, props: any, component: string, ...options: string[]) => string;
export declare const optionProp: (theme: any, props: any, component: string, option: string) => any;
export declare const SET_THEME: SetTheme;
export interface SetTheme {
    theme: any;
    setTheme: React.Dispatch<React.SetStateAction<any>>;
}
export declare const ThemeContext: React.Context<SetTheme>;
export declare const useTheme: () => {
    theme: any;
    setTheme: React.Dispatch<any>;
    background: string;
};
export declare const ThemeProvider: React.FC<{
    children: ReactNode;
    value?: any;
}>;
export declare const colorClass: (theme: any, component: string, color: Color | undefined, elem: string, none?: string) => any;
export declare const sizeClass: (theme: any, component: string, size: Size | undefined, elem: string) => any;
export declare const alignClass: (theme: any, component: string, align: Align | undefined) => any;
export declare const familyClass: (theme: any, component: string, family: Family | undefined) => any;
export declare const weightClass: (theme: any, component: string, weight: Weight | undefined) => any;
export declare const padClass: (theme: any, component: string, pad: Pad | undefined, property?: string) => any;