import * as React from "react";
import { SpaceSize } from "../../../../shared/styles/styleUtils/modifiers/modifierUtils";
import { FlexboxProperties } from "../../../../shared/styles/styleUtils/layout/flexbox";
export interface FlexProps extends FlexboxProperties {
    /**
     * Allows custom styling
     */
    className?: string;
    /**
     * The size of the space between each `FlexItem` child. Can be set for all viewport sizes, or configured to have different values at different viewport width breakpoints
     */
    gutterSize?: SpaceSize;
    /**
     * Which HTML tag to render the component with
     */
    tag?: keyof React.ReactHTML;
    /**
     * Human-readable selector used for writing tests
     */
    "data-cy"?: string;
    children?: React.ReactNode | React.ReactNode[];
}
declare const Flex: ({ children, className, gutterSize, tag, "data-cy": dataCy, ...flexboxProperties }: FlexProps) => JSX.Element;
export default Flex;