import React, { ElementType } from 'react';
import type { GridMaxWidth } from '../../components/grid/Grid';
type GapSize = 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | '3xl';
type StackDirection = 'row' | 'column';
type StackAlign = 'start' | 'center' | 'end';
type StackJustify = 'start' | 'center' | 'end' | 'between';
type StackOwnProps = {
    direction?: StackDirection;
    gap?: GapSize;
    align?: StackAlign;
    justify?: StackJustify;
    /** true = flex-grow: 1. A number = flex-grow: n with flex-basis: 0, for proportional splits (e.g. grow={2} takes twice the space of grow={1}) */
    grow?: boolean | number;
    wrap?: boolean;
    mobileDirection?: StackDirection;
    mobileGap?: GapSize;
    mobileAlign?: StackAlign;
    mobileJustify?: StackJustify;
    mobileWrap?: boolean;
    maxWidth?: GridMaxWidth;
};
export type StackProps<C extends ElementType = 'div'> = StackOwnProps & {
    as?: C;
} & Omit<React.ComponentPropsWithRef<C>, keyof StackOwnProps | 'as'>;
type StackComponent = <C extends ElementType = 'div'>(props: StackProps<C>) => React.ReactElement | null;
export declare const Stack: StackComponent;
export {};