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

const EuiNotificationEventReadIcon = setComponentTemplate(precompileTemplate(`
    {{! ToDo: title and aria-label translations }}
    <div
      class={{classNames
        "euiNotificationEventReadIcon"
        (if @isRead "euiNotificationEventReadIcon--isRead")
      }}
      ...attributes
    >
      <EuiIcon
        @type="dot"
        aria-label={{if
          @isRead
          (concat @eventName " is read")
          (concat @eventName " is unread")
        }}
        title={{if @isRead "Read" "Unread"}}
        @color={{argOrDefault @readIconColor "primary"}}
        data-test-subj={{concat @id "-notificationEventReadIcon"}}
        id={{@id}}
      />
    </div>
  `, {
  strictMode: true,
  scope: () => ({
    classNames,
    EuiIcon,
    concat,
    argOrDefault
  })
}), templateOnly("eui-notification-event-read-icon", "EuiNotificationEventReadIcon"));

export { EuiNotificationEventReadIcon as default };
//# sourceMappingURL=eui-notification-event-read-icon.js.map
