import { StackProps } from './Stack.types';
/**
 * Stack component - A flex container with gap that supports both vertical and horizontal layouts
 *
 * @example
 * ```tsx
 * // Vertical stack (default)
 * <Stack gap={4}>
 *   <Child1 />
 *   <Child2 />
 * </Stack>
 *
 * // Horizontal stack
 * <Stack direction="horizontal" gap={2}>
 *   <Button />
 *   <Button />
 * </Stack>
 *
 * // Horizontal with wrapping
 * <Stack direction="horizontal" gap={2} wrap>
 *   {tags.map(tag => <Tag key={tag.id}>{tag.name}</Tag>)}
 * </Stack>
 *
 * // Centered content
 * <Stack gap={2} align="center" justify="center">
 *   <Title />
 *   <Description />
 * </Stack>
 *
 * // As a section element
 * <Stack as="section" gap={3}>
 *   <Header />
 *   <Content />
 * </Stack>
 * ```
 */
export declare const Stack: import('react').ForwardRefExoticComponent<StackProps & import('react').RefAttributes<HTMLElement>>;
export default Stack;
//# sourceMappingURL=Stack.d.ts.map