import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { or } from 'ember-truth-helpers';
import classNames from '../helpers/class-names.js';

const EuiFlyoutBody = setComponentTemplate(precompileTemplate(`
  <div class="euiFlyoutBody" ...attributes>
    <div
      tabindex={{0}}
      class={{classNames
        "euiFlyoutBody__overflow"
        (if (has-block "banner") "euiFlyoutBody__overflow--hasBanner")
      }}
    >
      {{#if (has-block "banner")}}
        <div class="euiFlyoutBody__banner">
          {{yield to="banner"}}
        </div>
      {{/if}}

      {{#if
        (or (has-block "banner") (has-block "content") (has-block "default"))
      }}
        <div class="euiFlyoutBody__overflowContent">
          {{#if (has-block "default")}}
            {{yield to="default"}}
          {{else}}
            {{yield to="content"}}
          {{/if}}
        </div>
      {{else}}
        {{yield}}
      {{/if}}
    </div>
  </div>
`, {
  strictMode: true,
  scope: () => ({
    classNames,
    or
  })
}), templateOnly("eui-flyout-body", "EuiFlyoutBody"));

export { EuiFlyoutBody as default };
//# sourceMappingURL=eui-flyout-body.js.map
