import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { hash } from '@ember/helper';
import { element } from 'ember-element-helper';
import style from 'ember-style-modifier/modifiers/style';
import EuiTitle from '../eui-title.js';

const EuiStatTitle = setComponentTemplate(precompileTemplate(`
  {{#if @titleElement}}
    {{#let (element @titleElement) as |TitleElement|}}
      <EuiTitle @size={{@titleSize}} ...attributes>
        <TitleElement
          aria-hidden="true"
          {{style (if @isColorClass (hash color=@titleColor))}}
        >
          {{yield}}
        </TitleElement>
      </EuiTitle>
    {{/let}}
  {{else}}
    <EuiTitle @size={{@titleSize}} ...attributes>
      <p
        aria-hidden="true"
        {{style (if @isColorClass (hash color=@titleColor))}}
      >
        {{yield}}
      </p>
    </EuiTitle>
  {{/if}}
`, {
  strictMode: true,
  scope: () => ({
    element,
    EuiTitle,
    style,
    hash
  })
}), templateOnly("title", "EuiStatTitle"));

export { EuiStatTitle as default };
//# sourceMappingURL=title.js.map
