const baseClass = 'euiButtonIcon';
const colorMapping = {
  primary: `${baseClass}--primary`,
  accent: `${baseClass}--accent`,
  success: `${baseClass}--success`,
  warning: `${baseClass}--warning`,
  danger: `${baseClass}--danger`,
  ghost: `${baseClass}--ghost`,
  text: `${baseClass}--text`
};
const displayMapping = {
  base: '',
  empty: `${baseClass}--empty`,
  fill: `${baseClass}--fill`
};
const sizeMapping = {
  xs: `${baseClass}--xSmall`,
  s: `${baseClass}--small`,
  m: `${baseClass}--medium`
};
const mapping = {
  base: baseClass,
  properties: {
    color: colorMapping,
    display: displayMapping,
    size: sizeMapping
  }
};

export { baseClass, colorMapping, mapping as default, displayMapping, sizeMapping };
//# sourceMappingURL=eui-button-icon.js.map
