import * as CSS from 'csstype';
import { a as Breakpoint } from './theme-aDBfke1X.js';
import { P as PolymorphicComponent } from './Box.d-Bf-NOUoN.js';
import 'react';
import '@mui/types';
import './sx.d-Cr4VrsXR.js';

type CssProperty<T> = T | Array<T> | Partial<Record<Breakpoint, T>>;

type GridBaseProps = {
  className?: string;
  columns?: CssProperty<number>;
  columnSpacing?: CssProperty<number | string>;
  container?: boolean;
  direction?: CssProperty<CSS.StandardLonghandProperties['flexDirection']>;
  offset?: CssProperty<number | 'auto'>;
  rowSpacing?: CssProperty<number | string>;
  size?: CssProperty<number | 'grow' | 'auto'>;
  spacing?: CssProperty<number | string>;
  wrap?: 'nowrap' | 'wrap' | 'wrap-reverse';
};

declare const Grid: PolymorphicComponent<
  GridBaseProps & React.DetailsHTMLAttributes<HTMLDivElement>
>;

export = Grid;