/**
 * @file index.tsx
 *
 * @fileoverview Aligns content to the center.
 */
import React from 'react';
export interface FlexItemsProps {
    /**
     * The content should flow veritcally or horizontally.
     *
     * @default "column"
     */
    flow?: 'row' | 'column';
    /**
     * Direction to align items
     *
     * @default "flex-start"
     */
    alignItems?: 'flex-start' | 'flex-end' | 'center' | 'baseline' | 'stretch';
    /**
     * Wrap flex items.
     *
     * @default "wrap"
     */
    flexWrap?: 'wrap' | 'nowrap' | 'wrap-reverse';
    /**
     * Direction to align items
     *
     * @default "flex-start"
     */
    justifyContent?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    /**
     * 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 FlexItems: ({ flow, alignItems, justifyContent, flexWrap, children }: FlexItemsProps) => JSX.Element;
export default FlexItems;