import generateUtilityClasses from '@mui/utils/generateUtilityClasses'; import generateUtilityClass from '@mui/utils/generateUtilityClass'; export function getGridUtilityClass(slot) { return generateUtilityClass('MuiGrid', slot); } const SPACINGS = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10]; const DIRECTIONS = ['column-reverse', 'column', 'row-reverse', 'row']; const WRAPS = ['nowrap', 'wrap-reverse', 'wrap']; const GRID_SIZES = ['auto', true, 1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11, 12]; const gridClasses = generateUtilityClasses('MuiGrid', ['root', 'container', 'item', 'zeroMinWidth', // spacings ...SPACINGS.map(spacing => `spacing-xs-${spacing}`), // direction values ...DIRECTIONS.map(direction => `direction-xs-${direction}`), // wrap values ...WRAPS.map(wrap => `wrap-xs-${wrap}`), // grid sizes for all breakpoints ...GRID_SIZES.map(size => `grid-xs-${size}`), ...GRID_SIZES.map(size => `grid-sm-${size}`), ...GRID_SIZES.map(size => `grid-md-${size}`), ...GRID_SIZES.map(size => `grid-lg-${size}`), ...GRID_SIZES.map(size => `grid-xl-${size}`)]); export default gridClasses;