import { default as React } from 'react';
import { BoxProps } from '../Box';
import { ResponsiveSizeUnitType, ResponsiveValueType } from '../../../utils/ui';
import { FlexAlignItemsType, FlexCentredType, FlexDirectionType, FlexJustifyContentType, FlexWrapType } from './Flex.types';

export interface FlexProps extends BoxProps {
    centered?: FlexCentredType;
    vertical?: boolean;
    reverseOrder?: boolean;
    stretch?: boolean;
    spaceBetween?: boolean;
    alignToEnd?: boolean;
    alignToEndAxis?: boolean;
    gap?: ResponsiveSizeUnitType;
    direction?: ResponsiveValueType<FlexDirectionType>;
    alignItems?: ResponsiveValueType<FlexAlignItemsType>;
    justifyContent?: ResponsiveValueType<FlexJustifyContentType>;
    wrap?: ResponsiveValueType<FlexWrapType | boolean>;
    className?: string;
    children?: React.ReactNode;
    ref?: React.Ref<HTMLDivElement>;
}
export declare function flexWrapResponsiveFormatter(val: FlexWrapType | boolean): string;
export declare function getFlexClassNames(props: FlexProps): string;
export declare function getFlexStyles(props: FlexProps): React.CSSProperties;
export declare function getBoxProps(props: FlexProps): BoxProps;
declare function Flex(props: FlexProps): import("react/jsx-runtime").JSX.Element;
export default Flex;