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

const EuiCommentTimeline = setComponentTemplate(precompileTemplate(`
    <div class="euiCommentTimeline" ...attributes>
      <div class="euiCommentTimeline__content">
        <div
          class={{classNames
            (if
              (or @timelineIcon (not (has-block "timelineIcon")))
              "euiCommentTimeline__icon--default"
            )
            componentName="EuiCommentTimelineIcon"
            type=(argOrDefault @type "regular")
          }}
        >
          {{#if @timelineIcon}}
            <EuiIcon
              @size={{if (eq @type "update") "m" "l"}}
              @type={{@timelineIcon}}
            />
          {{else if (has-block "timelineIcon")}}
            {{yield to="timelineIcon"}}
          {{else}}
            <EuiIcon
              @type={{if (eq @type "update") "dot" "user"}}
              @size={{if (eq @type "update") "m" "l"}}
            />
          {{/if}}
        </div>
      </div>
    </div>
  `, {
  strictMode: true,
  scope: () => ({
    classNames,
    or,
    not,
    argOrDefault,
    EuiIcon,
    eq
  })
}), templateOnly("eui-comment-timeline", "EuiCommentTimeline"));

export { EuiCommentTimeline as default };
//# sourceMappingURL=eui-comment-timeline.js.map
