import React from 'react';
export type FlexProps = {
    children: React.ReactNode | React.ReactNode[];
    wrap?: boolean;
    direction?: 'row' | 'column';
    reversed?: boolean;
    alignment?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    gap?: '10px';
    className?: string;
    style?: React.CSSProperties;
};
export type FlexColumnTypes = {
    grow?: number;
    shrink?: number;
    basis?: string;
    alignSelf?: string;
    style?: React.CSSProperties;
    children?: React.ReactNode | React.ReactNode[];
};
export declare const Flex: {
    ({ style: addedStyle, wrap, direction, reversed, alignment, justify, gap, className, children, }: FlexProps): JSX.Element;
    Row: any;
    Column: ({ grow, shrink, basis, alignSelf, style, children, }: FlexColumnTypes) => JSX.Element;
};