/// <reference types="react" />
import type { GridProps } from './Grid';
declare const _default: {
    component: import("react").ForwardRefExoticComponent<{
        [index: `data-${string}`]: unknown;
        as?: any;
        css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
        className?: string | undefined;
        children?: import("react").ReactNode;
    } & import("react").HTMLAttributes<HTMLDivElement> & {
        autoColumns?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.GridAutoColumns | undefined;
        autoRows?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.GridAutoRows | undefined;
        column?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.GridColumn | undefined;
        direction?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.GridAutoFlow | undefined;
        gap?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | import("@fuel-stitches/react/types/css").Property.Gap | undefined;
        row?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.GridRow | undefined;
        templateAreas?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.GridTemplateAreas | undefined;
        templateColumns?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | import("@fuel-stitches/react/types/css").Property.GridTemplateColumns | undefined;
        templateRows?: "$4xl" | "$3xl" | "$2xl" | "$xl" | "$lg" | "$md" | "$xs" | "$sm" | import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | "$0" | "$1" | "$2" | "$3" | "$4" | "$5" | "$6" | "$7" | "$8" | "$9" | "$10" | "$11" | "$12" | "$14" | "$16" | "$20" | "$40" | "$24" | "$28" | "$32" | "$36" | "$44" | "$48" | "$52" | "$56" | "$60" | "$64" | "$72" | "$80" | "$96" | "$auto" | "$none" | "$full" | "$min" | "$max" | "$fit" | "$screenW" | "$screenH" | import("@fuel-stitches/react/types/css").Property.GridTemplateRows | undefined;
    } & import("react").RefAttributes<any>> & {
        Item: import("react").ForwardRefExoticComponent<{
            [index: `data-${string}`]: unknown;
            as?: any;
            css?: import("@fuel-ui/css").ThemeUtilsCSS | undefined;
            className?: string | undefined;
            children?: import("react").ReactNode;
        } & import("react").HTMLAttributes<HTMLDivElement> & {
            area?: import("@fuel-stitches/react/types/css").Globals | import("@fuel-stitches/react/types/theme").ScaleValue | import("@fuel-stitches/react/types/util").Index | import("@fuel-stitches/react/types/css").Property.GridArea | undefined;
            colSpan?: number | "auto" | undefined;
            colStart?: number | "auto" | undefined;
            colEnd?: number | "auto" | undefined;
            rowStart?: number | "auto" | undefined;
            rowEnd?: number | "auto" | undefined;
            rowSpan?: number | "auto" | undefined;
        } & import("react").RefAttributes<any>>;
    };
    title: string;
    argTypes: {};
};
export default _default;
export declare const Usage: (args: GridProps) => import("react/jsx-runtime").JSX.Element;