import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { eq } from 'ember-truth-helpers';
import argOrDefault from '../helpers/arg-or-default.js';
import classNames from '../helpers/class-names.js';
import EuiIcon from './eui-icon.js';

const EuiLoadingLogo = setComponentTemplate(precompileTemplate(`
    <span
      class={{classNames
        "euiLoadingLogo"
        (if
          (eq @size "m")
          "euiLoadingLogo--medium"
          (if (eq @size "l") "euiLoadingLogo--large" "euiLoadingLogo--xLarge")
        )
      }}
    >
      <span class="euiLoadingLogo__icon">
        <EuiIcon
          @type={{argOrDefault @logo "logoKibana"}}
          @size={{argOrDefault @size "m"}}
        />
      </span>
    </span>
  `, {
  strictMode: true,
  scope: () => ({
    classNames,
    eq,
    EuiIcon,
    argOrDefault
  })
}), templateOnly("eui-loading-logo", "EuiLoadingLogo"));

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