import React from "react";
import { FlexAlign, FlexDirection, FlexGap, FlexJustify } from "./FlexConstants";
import { L3ComponentProps } from "../../types";
import L3Component from "../../types/L3Component";
import { ElementContent } from "../../types/ElementContent";
interface FlexProps extends L3ComponentProps {
    style?: object;
    direction?: FlexDirection;
    elementType?: React.ElementType;
    wrap?: boolean;
    children?: ElementContent | 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 Flex: L3Component<FlexProps> & {
    justify?: typeof FlexJustify;
    align?: typeof FlexAlign;
    gaps?: typeof FlexGap;
    directions?: typeof FlexDirection;
};
export default Flex;
