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

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