const baseClass = 'euiFlexGrid';
const directionMapping = {
  row: '',
  column: `${baseClass}--directionColumn`
};
const gutterSizeMapping = {
  none: `${baseClass}--gutterNone`,
  s: `${baseClass}--gutterSmall`,
  m: `${baseClass}--gutterMedium`,
  l: `${baseClass}--gutterLarge`,
  xl: `${baseClass}--gutterXLarge`
};
const columnsMapping = {
  0: `${baseClass}--wrap`,
  1: `${baseClass}--single`,
  2: `${baseClass}--halves`,
  3: `${baseClass}--thirds`,
  4: `${baseClass}--fourths`
};
const mapping = {
  base: baseClass,
  properties: {
    direction: directionMapping,
    gutterSize: gutterSizeMapping,
    columns: columnsMapping
  }
};

export { baseClass, columnsMapping, mapping as default, directionMapping, gutterSizeMapping, mapping };
//# sourceMappingURL=eui-flex-grid.js.map
