/**
 * @file index.tsx
 *
 * @fileoverview Renders a single flex item.
 */
import React from 'react';
import { SpaceProps } from 'styled-system';
declare type BaseProps = SpaceProps;
export interface FlexItemProps extends BaseProps {
    /**
     * Direction to align items
     *
     * @default "auto"
     */
    alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
    /**
     * Direction to align items
     *
     * @default "flex-start"
     */
    justifySelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    /**
     * Flex property
     */
    flex?: any;
    /**
     * The content to be displayed inside the chip element.
     *
     * @default "null"
     */
    children: React.ReactNode | string;
}
/**
 * Display multiple items in a flex structure. Useful for laying single dimensionally
 * a set of items together.
 */
export declare const FlexItem: ({ alignSelf, justifySelf, flex, children, ...props }: FlexItemProps) => JSX.Element;
export default FlexItem;