/// <reference types="react" />
import { useRender } from '@base-ui/react';
import { VariantProps } from 'class-variance-authority';
import { AlignExtendedType, AlignType } from './types';
declare const grid: (props?: ({
    inline?: boolean | null | undefined;
    gap?: 1 | 16 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 17 | null | undefined;
    columnGap?: 1 | 16 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 17 | null | undefined;
    rowGap?: 1 | 16 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 17 | null | undefined;
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
type GridProps = useRender.ComponentProps<'div'> & VariantProps<typeof grid> & {
    /**
     * Supports CSS Grid template areas syntax.
     *
     * @example
     * <Grid templateAreas="header header header" />
     * <Grid templateAreas={["header header header", "sidebar main main", "footer footer footer"]} />
     */
    templateAreas?: string | string[];
    autoFlow?: 'row' | 'column' | 'dense' | 'row dense' | 'column dense';
    autoColumns?: string;
    autoRows?: string;
    /**
     * Supports CSS Grid template columns syntax.
     *
     * If you pass a number, columns will be created using repeat(n, 1fr).
     *
     * @example
     * <Grid columns="1fr 1fr 1fr" />
     * <Grid columns={3} />
     */
    columns?: string | number;
    /**
     * Supports CSS Grid template rows syntax.
     *
     * If you pass a number, rows will be created using repeat(n, 1fr).
     *
     * @example
     * <Grid rows="1fr 1fr 1fr" />
     * <Grid rows={3} />
     */
    rows?: string | number;
    justifyItems?: AlignType;
    alignItems?: AlignType;
    justifyContent?: AlignExtendedType;
    alignContent?: AlignExtendedType;
    inline?: boolean;
};
export declare function Grid({ templateAreas, autoFlow, autoColumns, autoRows, columns, rows, gap, columnGap, rowGap, justifyItems, alignItems, justifyContent, alignContent, inline, className, style, render, ref, ...props }: GridProps): import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>>;
export declare namespace Grid {
    var displayName: string;
}
export {};
//# sourceMappingURL=grid.d.ts.map