import * as React from 'react';
import { IFlexShorthandProps, Responsive } from '../../enhancers';
import { PolymorphicComponentProps } from '../Box';
export declare type StackSpacingVals = 1 | 2 | 3 | 4 | 5 | 6 | 8 | 10 | 12 | 14 | 16 | 20 | 24 | 32;
declare type DirectionVals = 'vertical' | 'horizontal';
export declare type StackOwnProps = Pick<IFlexShorthandProps, 'align' | 'justify' | 'wrap'> & {
    /**
     * The direction to render the stack
     */
    direction?: DirectionVals | Responsive<DirectionVals>;
    /**
     * The space between each stack item
     */
    spacing?: StackSpacingVals | Responsive<StackSpacingVals>;
    /**
     * If `true`, each stack item will show a divider
     */
    divider?: true | React.ReactElement;
    /**
     * If `true`, will render as `inline-flex` rather than `flex`
     */
    inline?: boolean;
};
export declare type StackProps<E extends React.ElementType = typeof defaultElement> = PolymorphicComponentProps<E, StackOwnProps>;
declare const defaultElement = "div";
export declare const Stack: <E extends React.ElementType = typeof defaultElement>(props: StackProps<E>) => JSX.Element;
export declare const HStack: <E extends React.ElementType = typeof defaultElement>(props: StackProps<E>) => JSX.Element;
export declare const VStack: <E extends React.ElementType = typeof defaultElement>(props: StackProps<E>) => JSX.Element;
export {};