/** @jsx jsx */
import * as React from "react";
import { GapSizes } from "../utils/System";
declare type VerticalAlignment = "top" | "middle" | "bottom" | "between" | "around" | "evenly" | "baseline" | "stretch" | "";
declare type HorizontalAlignment = "left" | "center" | "right" | "between" | "around" | "evenly" | "baseline" | "stretch" | "";
declare type FlexDirection = "vertical" | "horizontal";
export declare type FlexProps = {
    children: React.ReactNode;
    direction?: FlexDirection;
    vAlignment?: VerticalAlignment;
    hAlignment?: HorizontalAlignment;
    gap?: GapSizes;
    pad?: GapSizes;
    stretch?: boolean;
    shrink?: boolean;
    fill?: string;
    style?: any;
    onClick?: () => void;
};
declare const Flex: React.FC<FlexProps>;
export default Flex;