import { default as React } from 'react';
import { LayoutFlexProps } from '../../utils/generate-styling';

/** -------------------------------------------------------------------------------------------------
 * Flex
 * -----------------------------------------------------------------------------------------------*/
type AsChildProps = {
    asChild: true;
    as?: never;
} & React.ComponentPropsWithoutRef<'span'>;
type SpanProps = {
    as?: 'span';
    asChild?: false;
} & React.ComponentPropsWithoutRef<'span'>;
type DivProps = {
    as: 'div';
    asChild?: false;
} & React.ComponentPropsWithoutRef<'div'>;
type FlexProps = LayoutFlexProps & (AsChildProps | SpanProps | DivProps);
/** */
declare const Flex: React.ForwardRefExoticComponent<FlexProps & React.RefAttributes<HTMLDivElement>>;
export { Flex };
export type { FlexProps };