import React from 'react';
import { FlexAlign, FlexDirection, FlexGap, FlexJustify } from './FlexConstants';
import { ElementContent } from '../../../types';
import { VibeComponentProps } from '../../types';
interface FlexProps extends VibeComponentProps {
    style?: object;
    direction?: FlexDirection;
    elementType?: React.ElementType;
    wrap?: boolean;
    children?: ElementContent | Array<ElementContent>;
    justify?: FlexJustify;
    align?: FlexAlign;
    gap?: FlexGap | number;
    ariaLabel?: string;
    tabIndex?: number;
    /** onClick function - MouseEvent */
    onClick?: (event: React.MouseEvent) => void;
    /** element id to describe the counter accordingly */
    ariaLabelledby?: string;
}
declare const _default: React.FC<FlexProps> & Partial<{
    justify: typeof FlexJustify;
    align: typeof FlexAlign;
    gaps: typeof FlexGap;
    directions: typeof FlexDirection;
}> & {
    justify: typeof FlexJustify;
    align: typeof FlexAlign;
    gaps: typeof FlexGap;
    directions: typeof FlexDirection;
};
export default _default;