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

const EuiTitle = setComponentTemplate(precompileTemplate(`
  <TextBlock
    @tagName={{argOrDefault @tagName "h2"}}
    class={{classNames
      componentName="EuiTitle"
      size=(argOrDefault @size "m")
      textTransform=@textTransform
    }}
    ...attributes
  >
    {{yield}}
  </TextBlock>
`, {
  strictMode: true,
  scope: () => ({
    TextBlock,
    argOrDefault,
    classNames
  })
}), templateOnly("eui-title", "EuiTitle"));

export { EuiTitle as default };
//# sourceMappingURL=eui-title.js.map
