import React from 'react';
import * as SS from 'styled-system';
export declare const getColor: (path: string, scale: any) => any;
export declare const colorConfig: SS.Config;
export declare const color: SS.styleFn;
export type ColorProps = {
    /** the `color` property can receive a string, which represents the path in
     * the `theme.palette`, otherwise it's just a regular css`
     * [`color`](https://developer.mozilla.org/en-US/docs/Web/CSS/color) property. */
    color?: string;
};
export declare const bg: SS.styleFn;
export type BgProps = {
    /** The `bg` property is a shorthand for "background", it can receive a
     * string, which represents the path in the `theme.palette`, otherwise it's
     * just a regular css's
     * [`background`](https://developer.mozilla.org/en-US/docs/Web/CSS/background)
     * property. */
    bg?: SS.BackgroundProps['background'];
};
export declare const visibility: SS.styleFn;
export type VisibilityProps = {
    visibility?: React.CSSProperties['visibility'];
};
export declare const textTransform: SS.styleFn;
export type TextTransformProps = {
    textTransform?: React.CSSProperties['textTransform'];
};
export declare const cursor: SS.styleFn;
export type CursorProps = {
    cursor?: React.CSSProperties['cursor'];
};
export declare const boxSizing: SS.styleFn;
export type BoxSizingProps = {
    boxSizing?: React.CSSProperties['boxSizing'];
};
export declare const common: SS.styleFn;
export type CommonProps = {} & SS.LayoutProps & SS.SpaceProps & SS.FlexGrowProps & SS.FlexShrinkProps & SS.FlexBasisProps & SS.AlignSelfProps & SS.JustifySelfProps;
export declare const disableBr: SS.styleFn;
export type DisableBrProps = {
    /** `disableBr` prop allows to disable border-radius (/rounded corders). */
    disableBr?: boolean;
    /** `disableBrTop` prop allows to disable border-radius on the top side. */
    disableBrTop?: boolean;
    /** `disableBrBottom` prop allows to disable border-radius on the bottom side. */
    disableBrBottom?: boolean;
};