import * as React from 'react';
import { type LayoutStyleProps } from './_internal/layout.js';
declare const columnClasses: {
    readonly 1: "grid-cols-1";
    readonly 2: "grid-cols-2";
    readonly 3: "grid-cols-3";
    readonly 4: "grid-cols-4";
    readonly 5: "grid-cols-5";
    readonly 6: "grid-cols-6";
    readonly 7: "grid-cols-7";
    readonly 8: "grid-cols-8";
    readonly 9: "grid-cols-9";
    readonly 10: "grid-cols-10";
    readonly 11: "grid-cols-11";
    readonly 12: "grid-cols-12";
};
declare const flowClasses: {
    readonly column: "grid-flow-col";
    readonly 'column-dense': "grid-flow-col-dense";
    readonly dense: "grid-flow-dense";
    readonly row: "grid-flow-row";
    readonly 'row-dense': "grid-flow-row-dense";
};
declare const placeContentClasses: {
    readonly around: "place-content-around";
    readonly baseline: "place-content-baseline";
    readonly between: "place-content-between";
    readonly center: "place-content-center";
    readonly end: "place-content-end";
    readonly evenly: "place-content-evenly";
    readonly start: "place-content-start";
    readonly stretch: "place-content-stretch";
};
declare const placeItemsClasses: {
    readonly baseline: "place-items-baseline";
    readonly center: "place-items-center";
    readonly end: "place-items-end";
    readonly start: "place-items-start";
    readonly stretch: "place-items-stretch";
};
declare const rowClasses: {
    readonly 1: "grid-rows-1";
    readonly 2: "grid-rows-2";
    readonly 3: "grid-rows-3";
    readonly 4: "grid-rows-4";
    readonly 5: "grid-rows-5";
    readonly 6: "grid-rows-6";
    readonly 7: "grid-rows-7";
    readonly 8: "grid-rows-8";
    readonly 9: "grid-rows-9";
    readonly 10: "grid-rows-10";
    readonly 11: "grid-rows-11";
    readonly 12: "grid-rows-12";
};
type GridProps = LayoutStyleProps & Omit<React.ComponentProps<'div'>, keyof LayoutStyleProps> & {
    as?: React.ElementType;
    columns?: keyof typeof columnClasses;
    flow?: keyof typeof flowClasses;
    placeContent?: keyof typeof placeContentClasses;
    placeItems?: keyof typeof placeItemsClasses;
    rows?: keyof typeof rowClasses;
};
declare function Grid({ align, as, className, columns, flow, gap, gapX, gapY, justify, placeContent, placeItems, ref, rows, ...props }: GridProps): React.JSX.Element;
export { Grid };
export type { GridProps };
//# sourceMappingURL=Grid.d.ts.map