import { default as React } from 'react';
import { Space } from '../../tokens/spacing';
export interface StackProps {
    /**
     * Direction of the stack
     * @default 'vertical'
     */
    direction?: 'vertical' | 'horizontal';
    /**
     * Spacing between items
     * @default 'md'
     */
    gap?: Space;
    /**
     * Alignment of items along the cross axis
     */
    align?: 'start' | 'center' | 'end' | 'stretch';
    /**
     * Justify content along the main axis
     */
    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
    /**
     * Whether items should wrap
     * @default false
     */
    wrap?: boolean;
    /**
     * Show dividers between items
     * @default false
     */
    dividers?: boolean;
    /**
     * Custom className
     */
    className?: string;
    /**
     * HTML element to render
     * @default 'div'
     */
    as?: 'div' | 'section' | 'article' | 'aside' | 'nav' | 'ul' | 'ol';
    /**
     * Child elements
     */
    children: React.ReactNode;
}
/**
 * Stack - A flexible container for arranging items in a row or column with consistent spacing
 *
 * @example
 * ```tsx
 * // Vertical stack with medium gap
 * <Stack gap="md">
 *   <div>Item 1</div>
 *   <div>Item 2</div>
 *   <div>Item 3</div>
 * </Stack>
 *
 * // Horizontal stack with dividers
 * <Stack direction="horizontal" gap="lg" dividers>
 *   <span>Section 1</span>
 *   <span>Section 2</span>
 *   <span>Section 3</span>
 * </Stack>
 *
 * // Centered items
 * <Stack align="center" justify="center">
 *   <button>Action 1</button>
 *   <button>Action 2</button>
 * </Stack>
 * ```
 */
export declare const Stack: React.FC<StackProps>;
//# sourceMappingURL=Stack.d.ts.map