import type { ReactNode } from 'react';
import type { Direction, CommonProps } from '../../types.js';
import { type Responsive, type Spacing } from '../types.js';
export type Alignment = 'start' | 'center' | 'end' | 'stretch';
export type Justify = 'start' | 'center' | 'end' | 'space-around' | 'space-between' | 'space-evenly';
export interface StackProps extends CommonProps {
    /** The items to stack. */
    children: ReactNode;
    /**
     * Determines the stacking direction (ie. which direction is the primary axis)
     * @default 'vertical'
     */
    direction?: Responsive<Direction>;
    /** The amount of space between items. */
    gap: Responsive<Spacing>;
    /**
     * Determines how items are distributed along the primary axis.
     * @default 'start'
     */
    justify?: Responsive<Justify>;
    /**
     * Determines how each item is aligned along the cross axis.
     * @default 'stretch'
     */
    align?: Responsive<Alignment>;
    /**
     * Determines whether items will wrap to a new line if stack size is too small.
     * @default false
     */
    wrap?: Responsive<boolean>;
}
/** Stacks its children with a specified amount of space between them. */
declare const _Stack: (props: StackProps & import("react").RefAttributes<HTMLDivElement> & import("../../../with-style-props.js").StyleProps) => import("react").JSX.Element | null;
export { _Stack as Stack };
//# sourceMappingURL=stack.d.ts.map