import * as react from 'react';
import react__default, { ElementType } from 'react';

interface BaseLayoutProps {
    children: react__default.ReactNode;
    className?: string;
    style?: react__default.CSSProperties;
}
interface LayoutSizeProps {
    fullWidth: boolean;
    fullHeight: boolean;
    fitContent: boolean;
}

interface FlexProps extends BaseLayoutProps, Partial<LayoutSizeProps> {
    as?: ElementType;
    direction?: "row" | "column";
    justify?: "start" | "end" | "center" | "between" | "around";
    align?: "start" | "end" | "center" | "stretch";
    wrap?: "wrap" | "nowrap";
    gap?: number;
}
declare const Flex: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<any>>;

declare const HStack: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<any>>;

declare const VStack: react.ForwardRefExoticComponent<FlexProps & react.RefAttributes<any>>;

export { Flex, HStack, VStack };
export type { BaseLayoutProps, FlexProps, LayoutSizeProps };