/// <reference types="react" />
import { ElementProps } from '../Element/Element';
declare type TagName = keyof JSX.IntrinsicElements;
export declare type FlexProps<T extends TagName> = {
    /** Center flex items */
    centered?: boolean;
    /** Center flex items horizontally */
    centeredHorizontally?: boolean;
    /** Center flex items vertically */
    centeredVertically?: boolean;
    /** Align flex items to top */
    alignTop?: boolean;
    /** Align flex items to bottom */
    alignBottom?: boolean;
    /** Align flex items vertically to baseline */
    alignBaseline?: boolean;
    /** Align flex items to right */
    alignRight?: boolean;
    /** Add space between flex items */
    spaceBetween?: boolean;
    /** Wrap flex items */
    wrapContent?: boolean;
    /** Pile flex items vertically */
    pileVerticallyTo?: 'xxxs' | 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xlg';
    /** Set flex items height to 100% occupying possible space */
    occupyVerticalSpace?: boolean;
    /** Set every flex item to be same height */
    stretchToSameHeight?: boolean;
    /** Reverse flex items direction */
    reverseDirection?: boolean;
    /** Changes the flex direction from row to column */
    directionColumn?: boolean;
    /** HTML tag name: div, span, h1 etc */
    tagName?: T;
} & Omit<ElementProps<T>, 'tagName' | 'occupyVerticalSpace'>;
declare function Flex<T extends TagName>({ className, children, centered, centeredVertically, centeredHorizontally, alignTop, alignBottom, alignBaseline, alignRight, spaceBetween, wrapContent, pileVerticallyTo, occupyVerticalSpace, stretchToSameHeight, reverseDirection, directionColumn, tagName, ...props }: FlexProps<T>): JSX.Element;
export default Flex;