import * as React from "react";
import { BreakpointConfig } from "../../../../shared/styles/breakpoints";
type FlexStrategy = "shrink" | "grow";
interface FlexItemProps {
    /**
     * Allows custom styling
     */
    className?: string;
    /**
     * Whether the flex item should grow or shrinkwrap to it's children. Can be set for all viewport sizes, or configured to have different values at different viewport width breakpoints
     */
    flex?: BreakpointConfig<FlexStrategy>;
    /**
     * The rate at which a flex item should grow. Can be set for all viewport sizes, or configured to have different values at different viewport width breakpoints
     */
    growFactor?: BreakpointConfig<React.CSSProperties["flexGrow"]>;
    /**
     * The position at which a flex item should be visually rendered. Can be set for all viewport sizes, or configured to have different values at different viewport width breakpoints
     */
    order?: BreakpointConfig<React.CSSProperties["order"]>;
    /**
     * 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 FlexItem: ({ children, className, flex, growFactor, order, tag, "data-cy": dataCy }: FlexItemProps) => JSX.Element;
export default FlexItem;