import { CSSProperties, ReactNode } from 'react';
type ResponsiveValues = number | {
    sm?: number;
    md?: number;
    lg?: number;
    xl?: number;
};
type GapKeys = number | {
    x?: number;
    y?: number;
};
export type GridProps = React.HTMLAttributes<HTMLDivElement> & {
    children: ReactNode;
    columns?: ResponsiveValues;
    rows?: ResponsiveValues;
    gap?: GapKeys;
    flow?: 'row' | 'col' | 'row-dense' | 'col-dense';
    areas?: string | string[];
    autoRows?: number | string;
    autoColumns?: number | string;
    templateRows?: number | string;
    templateColumns?: number | string;
    style?: CSSProperties;
    inline?: boolean;
};
export type GridItemProps = React.HTMLAttributes<HTMLDivElement> & {
    span?: number | string;
    start?: number | string;
    end?: number | string;
    rowSpan?: number | string;
    rowStart?: number | string;
    rowEnd?: number | string;
    area?: string;
    order?: number;
    md?: number | string;
    lg?: number | string;
    xl?: number | string;
    type?: 'col' | 'row';
};
export {};
//# sourceMappingURL=types.d.ts.map