import React from 'react';
import { View, ViewProps, ViewStyle, StyleProp, DimensionValue } from 'react-native';
import { SpacingProps, LayoutProps } from '../../core/utils';
import { SizeValue } from '../../core/theme/sizes';
export interface FlexProps extends SpacingProps, LayoutProps, Omit<ViewProps, 'style'> {
    /** Flex direction */
    direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
    /** Align items on the cross axis */
    align?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline';
    /** Justify content on the main axis */
    justify?: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
    /** Flex wrap */
    wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
    /** Gap between children (applies to both row and column gap) */
    gap?: SizeValue;
    /** Row gap between children */
    rowGap?: SizeValue;
    /** Column gap between children */
    columnGap?: SizeValue;
    /** Flex grow */
    grow?: number;
    /** Flex shrink */
    shrink?: number;
    /** Flex basis */
    basis?: DimensionValue;
    /** Children elements */
    children?: React.ReactNode;
    /** Custom styles */
    style?: StyleProp<ViewStyle>;
    /** Test ID for testing */
    testID?: string;
    /** Disable automatic RTL mirroring for row direction */
    disableRTLMirroring?: boolean;
}
export declare const Flex: import("../../core/factory").PlatformBlocksComponent<{
    props: FlexProps;
    ref: View;
}>;