/// <reference types="react" />
import type { ThemeUtilsCSS } from '@fuel-ui/css';
import type { HTMLProps } from '../../utils';
import { GridItem } from './GridItem';
export type GridProps = HTMLProps['div'] & {
    /**
     * Shorthand prop for `gridAutoColumns`
     * @type ThemeUtilsCSS["gridAutoColumns"];
     */
    autoColumns?: ThemeUtilsCSS['gridAutoColumns'];
    /**
     * Shorthand prop for `gridAutoRows`
     * @type ThemeUtilsCSS["gridAutoRows"];
     */
    autoRows?: ThemeUtilsCSS['gridAutoRows'];
    /**
     * Shorthand prop for `gridColumn`
     * @type ThemeUtilsCSS["gridColumn"];
     */
    column?: ThemeUtilsCSS['gridColumn'];
    /**
     * Shorthand prop for `gridAutoFlow`
     * @type ThemeUtilsCSS["gridAutoFlow"];
     */
    direction?: ThemeUtilsCSS['gridAutoFlow'];
    /**
     * Shorthand prop for `gap`
     * @type ThemeUtilsCSS["gap"];
     */
    gap?: ThemeUtilsCSS['gap'];
    /**
     * Shorthand prop for `gridRow`
     * @type ThemeUtilsCSS["gridRow"];
     */
    row?: ThemeUtilsCSS['gridRow'];
    /**
     * Shorthand prop for `gridTemplateAreas`
     * @type ThemeUtilsCSS["gridTemplateAreas"];
     */
    templateAreas?: ThemeUtilsCSS['gridTemplateAreas'];
    /**
     * Shorthand prop for `gridTemplateColumns`
     * @type ThemeUtilsCSS["gridTemplateColumns"];
     */
    templateColumns?: ThemeUtilsCSS['gridTemplateColumns'];
    /**
     * Shorthand prop for `gridTemplateRows`
     * @type ThemeUtilsCSS["gridTemplateRows"];
     */
    templateRows?: ThemeUtilsCSS['gridTemplateRows'];
};
type ObjProps = {
    Item: typeof GridItem;
};
export declare const Grid: import("react").ForwardRefExoticComponent<{
    [index: `data-${string}`]: unknown;
    as?: any;
    css?: ThemeUtilsCSS | undefined;
    className?: string | undefined;
    children?: import("react").ReactNode;
} & import("react").HTMLAttributes<HTMLDivElement> & {
    /**
     * Shorthand prop for `gridAutoColumns`
     * @type ThemeUtilsCSS["gridAutoColumns"];
     */
    autoColumns?: ThemeUtilsCSS['gridAutoColumns'];
    /**
     * Shorthand prop for `gridAutoRows`
     * @type ThemeUtilsCSS["gridAutoRows"];
     */
    autoRows?: ThemeUtilsCSS['gridAutoRows'];
    /**
     * Shorthand prop for `gridColumn`
     * @type ThemeUtilsCSS["gridColumn"];
     */
    column?: ThemeUtilsCSS['gridColumn'];
    /**
     * Shorthand prop for `gridAutoFlow`
     * @type ThemeUtilsCSS["gridAutoFlow"];
     */
    direction?: ThemeUtilsCSS['gridAutoFlow'];
    /**
     * Shorthand prop for `gap`
     * @type ThemeUtilsCSS["gap"];
     */
    gap?: ThemeUtilsCSS['gap'];
    /**
     * Shorthand prop for `gridRow`
     * @type ThemeUtilsCSS["gridRow"];
     */
    row?: ThemeUtilsCSS['gridRow'];
    /**
     * Shorthand prop for `gridTemplateAreas`
     * @type ThemeUtilsCSS["gridTemplateAreas"];
     */
    templateAreas?: ThemeUtilsCSS['gridTemplateAreas'];
    /**
     * Shorthand prop for `gridTemplateColumns`
     * @type ThemeUtilsCSS["gridTemplateColumns"];
     */
    templateColumns?: ThemeUtilsCSS['gridTemplateColumns'];
    /**
     * Shorthand prop for `gridTemplateRows`
     * @type ThemeUtilsCSS["gridTemplateRows"];
     */
    templateRows?: ThemeUtilsCSS['gridTemplateRows'];
} & import("react").RefAttributes<any>> & ObjProps;
export {};