import { CSSProperties } from 'react';
export declare type FlexStyleProps = {
    height?: CSSProperties['height'];
    minHeight?: CSSProperties['minHeight'];
    width?: CSSProperties['width'];
    maxWidth?: CSSProperties['maxWidth'];
    minWidth?: CSSProperties['minWidth'];
    gap?: CSSProperties['gap'];
    rowGap?: CSSProperties['rowGap'];
    columnGap?: CSSProperties['columnGap'];
    gridRow?: CSSProperties['gridRow'];
    gridColumn?: CSSProperties['gridColumn'];
    padding?: CSSProperties['padding'];
    paddingTop?: CSSProperties['paddingTop'];
    paddingLeft?: CSSProperties['paddingLeft'];
    paddingRight?: CSSProperties['paddingRight'];
    paddingBottom?: CSSProperties['paddingBottom'];
    paddingY?: CSSProperties['padding'];
    paddingX?: CSSProperties['padding'];
    margin?: CSSProperties['margin'];
    wrap?: boolean;
    flex?: CSSProperties['flex'];
    direction?: 'row' | 'column';
    justifyContent?: CSSProperties['justifyContent'];
    alignContent?: CSSProperties['alignContent'];
    alignItems?: CSSProperties['alignItems'];
    cursor?: CSSProperties['cursor'];
    overflow?: CSSProperties['overflow'];
    overflowX?: CSSProperties['overflowX'];
    overflowY?: CSSProperties['overflowY'];
    border?: CSSProperties['border'];
    position?: CSSProperties['position'];
    grow?: CSSProperties['flexGrow'];
    maxHeight?: CSSProperties['maxHeight'];
    placeContent?: CSSProperties['placeContent'];
    placeItems?: CSSProperties['placeItems'];
    justifyItems?: CSSProperties['justifyItems'];
    alignSelf?: CSSProperties['alignSelf'];
    gridArea?: CSSProperties['gridArea'];
    lineHeight?: CSSProperties['lineHeight'];
};
export declare const flexStyles: (props: FlexStyleProps) => {
    (variantOptions: Object): string;
    toString: any;
};
