import React from 'react';
import type { SpaceProps } from '../space/Space';
export type FlexSpans = 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 'auto';
type MediaSpans = {
    xsmall?: FlexSpans;
    small?: FlexSpans;
    medium?: FlexSpans;
    large?: FlexSpans;
};
export type FlexSpan = MediaSpans | FlexSpans;
export type FlexItemProps = {
    grow?: boolean;
    shrink?: boolean;
    alignSelf?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
    span?: FlexSpan;
    ref?: React.Ref<HTMLElement>;
};
export type FlexItemAllProps = FlexItemProps & SpaceProps & Omit<React.HTMLProps<HTMLElement>, 'ref' | 'wrap' | 'span'>;
declare function FlexItem(props: FlexItemAllProps): import("react/jsx-runtime").JSX.Element;
export default FlexItem;