import { Component } from 'react';
import type { FlexItemProps } from './props';
/**
---
parent: Flex
id: Flex.Item
---
**/
declare class Item extends Component<FlexItemProps> {
    static readonly componentId = "Flex.Item";
    componentDidMount(): void;
    componentDidUpdate(): void;
    static allowedProps: readonly (keyof {
        children?: React.ReactNode;
        as?: import("@instructure/shared-types").AsElementType;
        elementRef?: (element: Element | null) => void;
        margin?: import("@instructure/emotion").Spacing;
        padding?: import("@instructure/emotion").Spacing;
        align?: "center" | "start" | "end" | "stretch";
        direction?: "row" | "column";
        textAlign?: "start" | "center" | "end";
        overflowX?: "auto" | "hidden" | "visible";
        overflowY?: "auto" | "hidden" | "visible";
        shouldGrow?: boolean;
        shouldShrink?: boolean;
        size?: string;
        withVisualDebug?: boolean;
        order?: number;
    })[];
    static defaultProps: {
        as: string;
        shouldGrow: boolean;
        shouldShrink: boolean;
    };
    ref: Element | null;
    handleRef: (el: Element | null) => void;
    render(): import("@emotion/react/jsx-runtime").JSX.Element;
}
export default Item;
export { Item };
//# sourceMappingURL=index.d.ts.map