import { type Breakpoint } from '@mui/material/styles';
import { type CSSProperties, type ElementType } from 'react';
type StyleCSSType<TType extends keyof CSSProperties> = CSSProperties[TType] | Partial<Record<Breakpoint, CSSProperties[TType]>>;
export type GridContainerProps = {
    container?: boolean;
    templateColumns?: StyleCSSType<'gridTemplateColumns'>;
    templateRows?: StyleCSSType<'gridTemplateRows'>;
    templateAreas?: StyleCSSType<'gridTemplateAreas'>;
    columnSpacing?: StyleCSSType<'gridColumnGap'>;
    rowSpacing?: StyleCSSType<'gridRowGap'>;
    spacing?: StyleCSSType<'gridGap'>;
    justifyItems?: StyleCSSType<'justifyItems'>;
    alignItems?: StyleCSSType<'alignItems'>;
    justifyContent?: StyleCSSType<'justifyContent'>;
    alignContent?: StyleCSSType<'alignContent'>;
    autoColumns?: StyleCSSType<'gridAutoColumns'>;
    autoRows?: StyleCSSType<'gridAutoRows'>;
    autoFlow?: StyleCSSType<'gridAutoFlow'>;
    component?: ElementType;
};
export type GridElementsProps = {
    column?: StyleCSSType<'gridColumn'>;
    row?: StyleCSSType<'gridRow'>;
    area?: StyleCSSType<'gridArea'>;
    justifySelf?: StyleCSSType<'justifySelf'>;
    alignSelf?: StyleCSSType<'alignSelf'>;
};
export {};