import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import repeat from 'ember-composable-helpers/helpers/repeat';
import { gt, lt } from 'ember-truth-helpers';
import classNames from '../helpers/class-names.js';

const EuiLoadingContent = setComponentTemplate(precompileTemplate(`
    <span class="euiLoadingContent" ...attributes>
      {{#each (repeat (if (gt @lines 10) 10 (if (lt @lines 1) 1 @lines)))}}
        <span
          class={{classNames
            "euiLoadingContent__singleLine"
            @singleLineClasses
          }}
        >
          <span class="euiLoadingContent__singleLineBackground" />
        </span>
      {{/each}}
    </span>
  `, {
  strictMode: true,
  scope: () => ({
    repeat,
    gt,
    lt,
    classNames
  })
}), templateOnly("eui-loading-content", "EuiLoadingContent"));

export { EuiLoadingContent as default };
//# sourceMappingURL=eui-loading-content.js.map
