import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import { hash } from '@ember/helper';
import { focusTrap } from 'ember-focus-trap';
import EuiOverlayMaskComponent from '../eui-overlay-mask.js';

const FullScreenDisplay = setComponentTemplate(precompileTemplate(`
    <EuiOverlayMask>
      <div
        class="euiCodeBlock--fontLarge euiCodeBlock--paddingLarge euiCodeBlock-isFullScreen"
        {{focusTrap
          isActive=true
          focusTrapOptions=(hash clickOutsideDeactivates=true)
        }}
        ...attributes
      >
        {{yield}}
      </div>
    </EuiOverlayMask>
  `, {
  strictMode: true,
  scope: () => ({
    EuiOverlayMask: EuiOverlayMaskComponent,
    focusTrap,
    hash
  })
}), templateOnly("full-screen-display", "FullScreenDisplay"));

export { FullScreenDisplay as default };
//# sourceMappingURL=full-screen-display.js.map
