import { AlignContentProps, AlignItemsProps, AllowedElementsProps, AxisOverflowProps, BorderStyleProps, BorderWidthProps, ColorProps, JustifyContentProps, JustifyItemsProps, JustifySelfProps, OrderProps, OverflowProps, PositionDirectionProps, PositionProps, RadiusProps, ResponsiveAlignContentProps, ResponsiveAlignItemsProps, ResponsiveBackgroundProps, ResponsiveBorderStyleProps, ResponsiveBorderWidthProps, ResponsiveGapProps, ResponsiveGapXProps, ResponsiveGapYProps, ResponsiveJustifyContentProps, ResponsiveJustifyItemsProps, ResponsiveJustifySelfProps, ResponsiveOrderProps, ResponsivePositionDirectionProps, ResponsivePositionProps, ResponsiveRadiusSideProps, ResponsiveShadowProps, ResponsiveSideProps, ShadowProps, SpaceProps } from '../../utils/types/types';
/*************************
 * Component Props
 *************************/
export interface BlockStackProps extends React.ComponentProps<"div"> {
    children?: React.ReactNode;
    as?: AllowedElementsProps;
    background?: ResponsiveBackgroundProps | ColorProps;
    shadow?: ResponsiveShadowProps | ShadowProps;
    gap?: ResponsiveGapProps | SpaceProps;
    gapX?: ResponsiveGapXProps | SpaceProps;
    gapY?: ResponsiveGapYProps | SpaceProps;
    justifyContent?: ResponsiveJustifyContentProps | JustifyContentProps;
    alignItems?: ResponsiveAlignItemsProps | AlignItemsProps;
    justifyItems?: ResponsiveJustifyItemsProps | JustifyItemsProps;
    justifySelf?: ResponsiveJustifySelfProps | JustifySelfProps;
    alignContent?: ResponsiveAlignContentProps | AlignContentProps;
    order?: ResponsiveOrderProps | OrderProps;
    padding?: ResponsiveSideProps;
    border?: boolean;
    borderColor?: ResponsiveBackgroundProps | ColorProps;
    borderWidth?: ResponsiveBorderWidthProps | BorderWidthProps;
    borderStyle?: ResponsiveBorderStyleProps | BorderStyleProps;
    radius?: RadiusProps | ResponsiveRadiusSideProps;
    overflow?: AxisOverflowProps | OverflowProps;
    position?: ResponsivePositionProps | PositionProps;
    zIndex?: string;
    left?: ResponsivePositionDirectionProps | PositionDirectionProps;
    right?: ResponsivePositionDirectionProps | PositionDirectionProps;
    top?: ResponsivePositionDirectionProps | PositionDirectionProps;
    bottom?: ResponsivePositionDirectionProps | PositionDirectionProps;
}
declare const BlockStack: import('react').ForwardRefExoticComponent<Omit<BlockStackProps, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
export default BlockStack;