import { AllowedElementsProps, AxisOverflowProps, BorderStyleProps, BorderWidthProps, ColorProps, FlexDirectionProps, FlexWrapProps, OrderProps, PositionDirectionProps, PositionProps, RadiusProps, ResponsiveAlignContentProps, ResponsiveAlignItemsProps, ResponsiveBackgroundColorProps, ResponsiveBorderStyleProps, ResponsiveBorderWidthProps, ResponsiveColorProps, ResponsiveFlexDirectionProps, ResponsiveFlexWrapProps, ResponsiveGapProps, ResponsiveGapXProps, ResponsiveGapYProps, ResponsiveJustifyContentProps, ResponsiveJustifyItemsProps, ResponsiveJustifySelfProps, ResponsiveOrderProps, ResponsivePositionDirectionProps, ResponsivePositionProps, ResponsiveRadiusSideProps, ResponsiveShadowProps, ResponsiveSideProps, ShadowProps, SpaceProps } from '../../utils/types/types';
/*************************
 * Component Props
 *************************/
export interface InlineStackProps extends React.HTMLAttributes<HTMLElement> {
    children?: React.ReactNode;
    as?: AllowedElementsProps;
    background?: ResponsiveBackgroundColorProps | ColorProps;
    shadow?: ResponsiveShadowProps | ShadowProps;
    flexWrap?: ResponsiveFlexWrapProps | FlexWrapProps;
    flexDirection?: ResponsiveFlexDirectionProps | FlexDirectionProps;
    gap?: ResponsiveGapProps | SpaceProps;
    gapX?: ResponsiveGapXProps | SpaceProps;
    gapY?: ResponsiveGapYProps | SpaceProps;
    justifyContent?: ResponsiveJustifyContentProps;
    alignItems?: ResponsiveAlignItemsProps;
    justifyItems?: ResponsiveJustifyItemsProps;
    justifySelf?: ResponsiveJustifySelfProps;
    alignContent?: ResponsiveAlignContentProps;
    order?: ResponsiveOrderProps | OrderProps;
    padding?: ResponsiveSideProps;
    border?: boolean;
    borderColor?: ResponsiveColorProps | ColorProps;
    borderWidth?: ResponsiveBorderWidthProps | BorderWidthProps;
    borderStyle?: ResponsiveBorderStyleProps | BorderStyleProps;
    radius?: RadiusProps | ResponsiveRadiusSideProps;
    overflow?: AxisOverflowProps;
    position?: ResponsivePositionProps | PositionProps;
    zIndex?: string;
    left?: ResponsivePositionDirectionProps | PositionDirectionProps;
    right?: ResponsivePositionDirectionProps | PositionDirectionProps;
    top?: ResponsivePositionDirectionProps | PositionDirectionProps;
    bottom?: ResponsivePositionDirectionProps | PositionDirectionProps;
    stack?: "auto" | "full";
}
declare const InlineStack: import('react').ForwardRefExoticComponent<InlineStackProps & import('react').RefAttributes<HTMLElement>>;
export default InlineStack;