import { GridContentAlignment, GridDirection, GridItemsAlignment, GridJustification, GridWrap, GridSpacing, GridSize } from '@material-ui/core/Grid';
import { ReactNode, ReactNodeArray } from 'react';
export declare type TextAlign = 'left' | 'right' | 'center' | 'justify' | 'initial' | 'inherit';
declare type FlexProps = {
    alignContent?: GridContentAlignment;
    alignItems?: GridItemsAlignment;
    children: ReactNode | ReactNodeArray;
    className?: string;
    containerClassName?: string;
    direction: GridDirection;
    justify?: GridJustification;
    spacing?: GridSpacing;
    textAlign?: TextAlign;
    wrap?: GridWrap;
    xs?: GridSize;
    sm?: GridSize;
    md?: GridSize;
    lg?: GridSize;
    xl?: GridSize;
};
declare const Flex: ({ alignContent, alignItems, children, className, containerClassName, direction, justify, spacing, textAlign, wrap, xs, sm, md, lg, xl }: FlexProps) => ReactNode;
export default Flex;