import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import classNames from '../helpers/class-names.js';
import EuiButtonEmpty from './eui-button-empty.js';

const EuiHeaderLink = setComponentTemplate(precompileTemplate(`
  <EuiButtonEmpty
    class={{classNames "euiHeaderLink" (if @isActive "euiHeaderLink-isActive")}}
    @color={{if @isActive "primary" "text"}}
    @href={{@href}}
    @isLoading={{@isLoading}}
    @isDisabled={{@isDisabled}}
    @target={{@target}}
    @iconType={{@iconType}}
    @iconSide={{@iconSide}}
    @iconClasses={{@iconClasses}}
    @textClasses={{@textClasses}}
    ...attributes
  >
    {{yield}}
  </EuiButtonEmpty>
`, {
  strictMode: true,
  scope: () => ({
    EuiButtonEmpty,
    classNames
  })
}), templateOnly("eui-header-link", "EuiHeaderLink"));

export { EuiHeaderLink as default };
//# sourceMappingURL=eui-header-link.js.map
