import { FlattenSimpleInterpolation } from "styled-components";
export declare const MEDIA: {
    mobile: (p: TemplateStringsArray, ...args: TemplateStringsArray[]) => FlattenSimpleInterpolation;
    tablet: (p: TemplateStringsArray, ...args: TemplateStringsArray[]) => FlattenSimpleInterpolation;
    desktopM: (p: TemplateStringsArray, ...args: TemplateStringsArray[]) => FlattenSimpleInterpolation;
    desktopL: (p: TemplateStringsArray, ...args: TemplateStringsArray[]) => FlattenSimpleInterpolation;
    desktopXl: (p: TemplateStringsArray, ...args: TemplateStringsArray[]) => FlattenSimpleInterpolation;
};
export declare const BorderRadius: {
    roundBorder: (...borderRadius: [string] | [string, string] | [string, string, string, string]) => FlattenSimpleInterpolation;
    roundBorderTop: (borderRadius: string) => FlattenSimpleInterpolation;
    roundBorderBottom: (borderRadius: string) => FlattenSimpleInterpolation;
};
export declare const Padding: {
    allSide: (...steps: [number] | [number, number] | [number, number, number] | [number, number, number, number]) => FlattenSimpleInterpolation;
    top: (step: number) => FlattenSimpleInterpolation;
    bottom: (step: number) => FlattenSimpleInterpolation;
    right: (step: number) => FlattenSimpleInterpolation;
    left: (step: number) => FlattenSimpleInterpolation;
};
export declare const Margin: {
    allSide: (...steps: [number] | [number, number] | [number, number, number] | [number, number, number, number]) => FlattenSimpleInterpolation;
    top: (step: number) => FlattenSimpleInterpolation;
    bottom: (step: number) => FlattenSimpleInterpolation;
    right: (step: number) => FlattenSimpleInterpolation;
    left: (step: number) => FlattenSimpleInterpolation;
};
