const baseClass = 'euiFlexGroup';
const gutterSizeMapping = {
  none: '',
  xs: `${baseClass}--gutterExtraSmall`,
  s: `${baseClass}--gutterSmall`,
  m: `${baseClass}--gutterMedium`,
  l: `${baseClass}--gutterLarge`,
  xl: `${baseClass}--gutterExtraLarge`
};
const alignItemsMapping = {
  stretch: '',
  flexStart: `${baseClass}--alignItemsFlexStart`,
  flexEnd: `${baseClass}--alignItemsFlexEnd`,
  center: `${baseClass}--alignItemsCenter`,
  baseline: `${baseClass}--alignItemsBaseline`
};
const justifyContentMapping = {
  flexStart: '',
  flexEnd: `${baseClass}--justifyContentFlexEnd`,
  center: `${baseClass}--justifyContentCenter`,
  spaceBetween: `${baseClass}--justifyContentSpaceBetween`,
  spaceAround: `${baseClass}--justifyContentSpaceAround`,
  spaceEvenly: `${baseClass}--justifyContentSpaceEvenly`
};
const directionMapping = {
  row: `${baseClass}--directionRow`,
  rowReverse: `${baseClass}--directionRowReverse`,
  column: `${baseClass}--directionColumn`,
  columnReverse: `${baseClass}--directionColumnReverse`
};
const mapping = {
  base: baseClass,
  properties: {
    direction: directionMapping,
    gutterSize: gutterSizeMapping,
    alignItems: alignItemsMapping,
    justifyContent: justifyContentMapping
  }
};

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