import { default as React } from 'react';
import { BoxProps } from './box';
export interface FlexProps extends Omit<BoxProps, 'className'> {
    /** Flex direction */
    direction?: 'row' | 'row-reverse' | 'col' | 'col-reverse';
    /** Align items */
    align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
    /** Justify content */
    justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
    /** Wrap items */
    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
    /** Gap between items */
    gap?: 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl';
    /** Inline flex */
    inline?: boolean;
    /** Additional className */
    className?: string;
}
/**
 * Flex Component
 *
 * Flexbox layout component extending Box with flex-specific properties.
 * Provides convenient props for common flexbox patterns.
 *
 * @example
 * ```tsx
 * <Flex justify="between" align="center" p="md">
 *   <Text>Left</Text>
 *   <Button>Right</Button>
 * </Flex>
 * ```
 *
 * @example
 * ```tsx
 * <Flex direction="col" gap="md" p="lg">
 *   <Card>Item 1</Card>
 *   <Card>Item 2</Card>
 * </Flex>
 * ```
 */
export declare const Flex: React.FC<FlexProps>;
//# sourceMappingURL=flex.d.ts.map