import { default as React, ReactNode } from 'react';
import { StackProps } from '@mui/material';
import { ResponsiveStyleValue } from '@mui/system';
export interface FlexProps extends StackProps {
    /** Flex 방향을 설정합니다. @default row */
    direction?: ResponsiveStyleValue<"row" | "row-reverse" | "column" | "column-reverse">;
    /** gap 사용 여부를 설정합니다. @default true */
    useFlexGap?: boolean;
    /** 항목 간 간격을 설정합니다. @default 0 */
    spacing?: ResponsiveStyleValue<number | string>;
    /** 항목 사이 구분선을 설정합니다. */
    divider?: ReactNode;
    children?: ReactNode;
}
export declare const Flex: React.ForwardRefExoticComponent<Omit<FlexProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
