import { Consumer, Context, ReactNode, SetStateAction } from 'react';
export declare type Breakpoint = [key: string, query: string];
export interface StyleRouterProps {
    children: ReactNode;
    defaultColor: string;
    breakpoints: Breakpoint[];
    fallbackBreakpoint: string;
}
export interface StyleRouterState {
    color: string;
    breakpoint: string;
    updateColor: (nextColor: SetStateAction<string>) => void;
}
export declare const StyleRouterContext: Context<StyleRouterState>;
export declare function StyleRouter({ children, defaultColor, fallbackBreakpoint, breakpoints, }: StyleRouterProps): JSX.Element;
export declare function useStyle(): StyleRouterState;
export declare const StyleConsumer: Consumer<StyleRouterState>;