import { CSSObject } from 'styled-components';
export type BreakpointKeys = 'sm' | 'md' | 'lg' | 'xl';
export type Breakpoints = Record<BreakpointKeys, string>;
export type MediaFunction = (styles: CSSObject | TemplateStringsArray, ...interpolations: any[]) => any;
export type MediaQueries = Record<BreakpointKeys, MediaFunction>;
export type StyleProps = {
    [key: string]: string | number;
};
export type ResponsiveStyleProps = Partial<Record<BreakpointKeys, StyleProps>>;
export declare const breakpoints: Breakpoints;
export declare const media: MediaQueries;
export declare const createStyles: (styles: StyleProps, breakpoint: BreakpointKeys) => any;
export declare const createResponsiveStyles: (rstyles: ResponsiveStyleProps) => any[];
export declare const setDefault: (variantValue: any, defaultValue: any) => any;
export declare const createVariantResponsiveStyles: (propValue: any, variants: any, styleFn: any) => import("styled-components").RuleSet<object>[] | null;