import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { hash } from '@ember/helper';
import argOrDefault from '../helpers/arg-or-default.js';
import classNames from '../helpers/class-names.js';

const BadgeGroupItem = setComponentTemplate(precompileTemplate(`
  <span class="euiBadgeGroup__item">
    {{yield}}
  </span>
`, {
  strictMode: true
}), templateOnly("eui-badge-group", "BadgeGroupItem"));
const EuiBadgeGroup = setComponentTemplate(precompileTemplate(`
  <div
    class={{classNames
      componentName="EuiBadgeGroup"
      gutterSize=(argOrDefault @gutterSize "xs")
    }}
    ...attributes
  >
    {{yield (hash item=BadgeGroupItem)}}
  </div>
`, {
  strictMode: true,
  scope: () => ({
    classNames,
    argOrDefault,
    hash,
    BadgeGroupItem
  })
}), templateOnly("eui-badge-group", "EuiBadgeGroup"));

export { EuiBadgeGroup as default };
//# sourceMappingURL=eui-badge-group.js.map
