import templateOnly from '@ember/component/template-only';
import { setComponentTemplate } from '@ember/component';
import { precompileTemplate } from '@ember/template-compilation';
import classNames from '../helpers/class-names.js';
import EuiMarkdownEditorFooterComponent from './eui-markdown-editor-footer.js';

const EuiMarkdownEditorDropZone = setComponentTemplate(precompileTemplate(`
    <div
      class={{classNames
        "euiMarkdownEditorDropZone"
        (if false "euiMarkdownEditorDropZone--isDragging")
        (if @hasUnacceptedItems "euiMarkdownEditorDropZone--hasError")
        (if false "euiMarkdownEditorDropZone--isDraggingError")
      }}
      ...attributes
    >
      {{yield}}
      <EuiMarkdownEditorFooter @uiPlugins={{@uiPlugins}} @errors={{@errors}} />
    </div>
  `, {
  strictMode: true,
  scope: () => ({
    classNames,
    EuiMarkdownEditorFooter: EuiMarkdownEditorFooterComponent
  })
}), templateOnly("eui-markdown-editor-drop-zone", "EuiMarkdownEditorDropZone"));

export { EuiMarkdownEditorDropZone as default };
//# sourceMappingURL=eui-markdown-editor-drop-zone.js.map
