import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { element } from 'ember-element-helper';
import EuiTextComponent from '../eui-text.js';

const EuiStatDescription = setComponentTemplate(precompileTemplate(`
    {{#if @descriptionElement}}
      {{#let (element @descriptionElement) as |DescriptionElement|}}
        <EuiText class="euiStat__description" @size="s">
          <DescriptionElement aria-hidden="true">
            {{yield}}
          </DescriptionElement>
        </EuiText>
      {{/let}}

    {{else}}
      <EuiText class="euiStat__description" @size="s">
        <p aria-hidden="true">
          {{yield}}
        </p>
      </EuiText>
    {{/if}}
  `, {
  strictMode: true,
  scope: () => ({
    element,
    EuiText: EuiTextComponent
  })
}), templateOnly("description", "EuiStatDescription"));

export { EuiStatDescription as default };
//# sourceMappingURL=description.js.map
