interface FlexProps extends JSX.HTMLAttributes<HTMLDivElement> {
    direction?: "row" | "column" | "row-reverse" | "column-reverse";
    align?: "start" | "center" | "end" | "stretch" | "baseline";
    justify?: "start" | "center" | "end" | "between" | "around" | "evenly";
    wrap?: boolean;
    gap?: number | string;
}
declare const Flex: import('../../../../react').FunctionalComponent<import('../../../../react').PropsWithoutRef<FlexProps> & {
    ref?: import('../../../../react').Ref<HTMLDivElement> | undefined;
}>;
declare const Box: import('../../../../react').FunctionalComponent<import('../../../../react').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import('../../../../react').Ref<HTMLDivElement> | undefined;
}>;
declare const HStack: import('../../../../react').FunctionalComponent<import('../../../../react').PropsWithoutRef<Omit<FlexProps, "direction">> & {
    ref?: import('../../../../react').Ref<HTMLDivElement> | undefined;
}>;
declare const VStack: import('../../../../react').FunctionalComponent<import('../../../../react').PropsWithoutRef<Omit<FlexProps, "direction">> & {
    ref?: import('../../../../react').Ref<HTMLDivElement> | undefined;
}>;
declare const Text: import('../../../../react').FunctionalComponent<import('../../../../react').PropsWithoutRef<JSX.HTMLAttributes<HTMLDivElement>> & {
    ref?: import('../../../../react').Ref<HTMLDivElement> | undefined;
}>;
export { Flex, Box, HStack, VStack, Text };
