import { default as React } from 'react';
export interface SpacerProps {
    /** Size of the spacer */
    size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | number;
    /** Direction of spacing */
    axis?: 'horizontal' | 'vertical';
    /** Flex grow to fill available space */
    flex?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * Spacer Component
 *
 * Creates empty space between elements. Can be a fixed size or flexible.
 * Useful for creating consistent spacing in layouts.
 *
 * @example
 * ```tsx
 * <HStack>
 *   <Button>Cancel</Button>
 *   <Spacer flex />
 *   <Button>Save</Button>
 * </HStack>
 * ```
 *
 * @example
 * ```tsx
 * <VStack>
 *   <h1>Title</h1>
 *   <Spacer size="lg" />
 *   <p>Content</p>
 * </VStack>
 * ```
 */
export declare const Spacer: React.FC<SpacerProps>;
//# sourceMappingURL=spacer.d.ts.map