@start-base/start-ui/Grid/index.d.mts

<p align="center"> <a href="https://startbase.dev" target="_blank"> <img src="https://startbase.dev/apple-touch-icon.png" width="60px" style="padding-top: 60px" /> </a> </p>

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 };