import React, { type ReactNode } from 'react';
import type { Sprinkles } from '../../styles/sprinkles.css';
import { type UseBoxProps } from '../Box/useBox/useBox';
export interface StackProps extends Pick<UseBoxProps, 'as' | 'width' | 'alignItems'> {
    children: ReactNode;
    className?: string;
    /**
     * Show a divider element between each item
     */
    dividers?: boolean;
    /**
     * Defines the gap between list items. Accepts responsive values
     * @default '2'
     */
    space?: Sprinkles['padding'];
}
/**
 * Stack arranges child elements vertically, one below the other.
 * It allows you to control the spacing between items, alignment, and optionally add dividers.
 * Useful for creating vertical lists, forms, or sections.
 *
 * @example
 * <Stack>
 *   <Text>Item 1</Text>
 *   <Text>Item 2</Text>
 *   <Text>Item 3</Text>
 * </Stack>
 *
 * @example
 * <Stack space="4" dividers>
 *   <Button>Action 1</Button>
 *   <Button>Action 2</Button>
 * </Stack>
 *
 * @example
 * <Stack alignItems="center" space="3">
 *   <Card>Card 1</Card>
 *   <Card>Card 2</Card>
 * </Stack>
 */
export declare const Stack: ({ as, children, className, alignItems, dividers, space: gap, width, }: StackProps) => React.JSX.Element | null;
//# sourceMappingURL=Stack.d.ts.map