import React, { HTMLAttributes } from 'react';

interface ResponsiveGridValues {
    base: number;
    sm?: number;
    md?: number;
    lg?: number;
    xl?: number;
    xxl?: number;
}
interface GridProps extends HTMLAttributes<HTMLDivElement> {
    container?: boolean;
    span?: number | ResponsiveGridValues;
    columns?: number | ResponsiveGridValues;
    padding?: number | ResponsiveGridValues;
    gap?: number | ResponsiveGridValues;
    rowGap?: number | ResponsiveGridValues;
    columnGap?: number | ResponsiveGridValues;
}

declare const Grid: React.ForwardRefExoticComponent<GridProps & React.RefAttributes<HTMLDivElement>>;

export { type GridProps, Grid as default };