import html from "../../services/html.js";
import t from "../../i18n/index.js";
export default function template() {
    return html `
    <div class="cropper-main">
      <div class="cropper-loader">
        <div class="cropper-loader__spinner"></div>
        <div class="cropper-loader__text">${t("ui.image-cropper.loading")}</div>
      </div>
      <div class="cropper-container">
        <img class="cropper-image" alt="" />
        <div class="cropper-overlay"></div>
        <div class="crop-box">
          <div class="crop-box__grid">
            <div
              class="crop-box__grid-line crop-box__grid-line--horizontal"
            ></div>
            <div
              class="crop-box__grid-line crop-box__grid-line--horizontal"
            ></div>
            <div
              class="crop-box__grid-line crop-box__grid-line--vertical"
            ></div>
            <div
              class="crop-box__grid-line crop-box__grid-line--vertical"
            ></div>
          </div>
          <div
            class="crop-box__handle crop-box__handle--nw"
            data-handle="nw"
          ></div>
          <div
            class="crop-box__handle crop-box__handle--ne"
            data-handle="ne"
          ></div>
          <div
            class="crop-box__handle crop-box__handle--sw"
            data-handle="sw"
          ></div>
          <div
            class="crop-box__handle crop-box__handle--se"
            data-handle="se"
          ></div>
        </div>
      </div>
    </div>
  `;
}
