export declare const Grid: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
    templateAreas?: string | string[] | undefined;
    autoFlow?: "row" | "column" | "dense" | "row dense" | "column dense" | undefined;
    autoColumns?: string | undefined;
    autoRows?: string | undefined;
    columns?: string | number | undefined;
    rows?: string | number | undefined;
    gap?: "small" | "extra-small" | "medium" | "large" | "extra-large" | undefined;
    columnGap?: "small" | "extra-small" | "medium" | "large" | "extra-large" | undefined;
    rowGap?: "small" | "extra-small" | "medium" | "large" | "extra-large" | undefined;
    justifyItems?: import("./types").AlignType | undefined;
    alignItems?: import("./types").AlignType | undefined;
    justifyContent?: import("./types").AlignExtendedType | undefined;
    alignContent?: import("./types").AlignExtendedType | undefined;
    inline?: boolean | undefined;
    asChild?: boolean | undefined;
} & import("react").RefAttributes<HTMLDivElement>> & {
    Item: import("react").ForwardRefExoticComponent<import("react").HTMLAttributes<HTMLDivElement> & {
        area?: string | undefined;
        colStart?: string | number | undefined;
        colEnd?: string | number | undefined;
        rowStart?: string | number | undefined;
        rowEnd?: string | number | undefined;
        colSpan?: string | number | undefined;
        rowSpan?: string | number | undefined;
        justifySelf?: import("./types").AlignType | undefined;
        alignSelf?: import("./types").AlignType | undefined;
        asChild?: boolean | undefined;
    } & import("react").RefAttributes<HTMLDivElement>>;
};
//# sourceMappingURL=index.d.ts.map