/// <reference types="react" />
import type { ThemeUtilsCSS } from '@fuel-ui/css';
import type { HTMLProps } from '../../utils';
export type GridItemProps = HTMLProps['div'] & {
    /**
     * Shorthand prop for `gridArea`
     * @type ThemeUtilsCSS["gridArea"];
     */
    area?: ThemeUtilsCSS['gridArea'];
    /**
     * The number of columns the grid item should `span`.
     * @type number | "auto
     */
    colSpan?: number | 'auto';
    /**
     * The column number the grid item should start.
     * @type number | "auto
     */
    colStart?: number | 'auto';
    /**
     * @type number | "auto
     */
    colEnd?: number | 'auto';
    /**
     * @type number | "auto
     */
    rowStart?: number | 'auto';
    /**
     * @type number | "auto
     */
    rowEnd?: number | 'auto';
    /**
     * @type number | "auto
     */
    rowSpan?: number | 'auto';
};
export declare const GridItem: 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 `gridArea`
     * @type ThemeUtilsCSS["gridArea"];
     */
    area?: ThemeUtilsCSS['gridArea'];
    /**
     * The number of columns the grid item should `span`.
     * @type number | "auto
     */
    colSpan?: number | "auto" | undefined;
    /**
     * The column number the grid item should start.
     * @type number | "auto
     */
    colStart?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    colEnd?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    rowStart?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    rowEnd?: number | "auto" | undefined;
    /**
     * @type number | "auto
     */
    rowSpan?: number | "auto" | undefined;
} & import("react").RefAttributes<any>>;