/**
 * Flex Component
 * Maps FlexDSL to MUI Box with flexbox layout
 *
 * Note: All props are already processed by ComponentRenderer:
 * - Responsive values remain as ResponsiveValue for getResponsiveValue()
 * - DSL objects rendered to ReactNode
 */
import type { ReactNode, CSSProperties } from 'react';
import { type ResponsiveValue, type Spacing, type FlexDirection, type FlexJustify, type FlexAlign, type FlexWrap } from '@galaxy-dev/metadsl-core';
/**
 * Flex component props (adapter layer)
 *
 * These props are already processed by ComponentRenderer:
 * - direction, gap: ResponsiveValue types preserved for runtime resolution
 * - className, style: Direct CSS properties
 */
export interface FlexProps {
    /** Flex direction */
    direction?: ResponsiveValue<FlexDirection>;
    /** Justify content */
    justify?: FlexJustify;
    /** Align items */
    align?: FlexAlign;
    /** Wrap */
    wrap?: FlexWrap;
    /** Gap */
    gap?: Spacing;
    /** CSS class name */
    className?: string;
    /** Inline styles */
    style?: CSSProperties;
    /** Children */
    children?: ReactNode;
}
export declare function Flex({ children, direction, justify, align, wrap, gap, className, style, }: FlexProps): import("react/jsx-runtime").JSX.Element;
//# sourceMappingURL=Flex.d.ts.map