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

/** -------------------------------------------------------------------------------------------------
 * Box
 * -----------------------------------------------------------------------------------------------*/
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 BoxProps = React.ComponentPropsWithoutRef<'div'> & ChildrenLayoutProps & (AsChildProps | SpanProps | DivProps);
/** */
declare const Box: React.ForwardRefExoticComponent<BoxProps & React.RefAttributes<HTMLDivElement>>;
export { Box };
export type { BoxProps };