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

const EuiNotificationEventReadButton = setComponentTemplate(precompileTemplate(`
    {{! ToDo: title and aria-label translations }}
    <EuiButtonIcon
      @iconType="dot"
      aria-label={{if
        @isRead
        (concat "Mark " @eventName " as unread")
        (concat "Mark " @eventName " as read")
      }}
      title={{if @isRead "Read" "Unread"}}
      class={{classNames
        "euiNotificationEventReadButton"
        (if @isRead "euiNotificationEventReadButton--isRead")
      }}
      data-test-subj={{concat @id "-notificationEventReadButton"}}
      id={{@id}}
      ...attributes
    />
  `, {
  strictMode: true,
  scope: () => ({
    EuiButtonIcon,
    concat,
    classNames
  })
}), templateOnly("eui-notification-event-read-button", "EuiNotificationEventReadButton"));

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