import { defineComponent } from 'vue';
import './index.scss';

export default defineComponent({
  name: 'HomeGuiLoading',
  render() {
    return (
      <div id="gui-loading" class="message-outer darkGlass" style="display: none;">
        <h2 class="model-title"></h2>
        <div class="message-inner">
          <div class="loadingLogo">
            <div class="img"></div>
          </div>
          <div class="progressbar" data-perc="100">
            <div class="label">
              <div class="perc">0%</div>
            </div>
            <div class="bar">
              <span></span>
            </div>
          </div>
          <div id="loaderCoBrand">
            <div class="vert-align"></div>
          </div>
          <div class="bottom-logo">
            <div class="img"></div>
          </div>
          <div class="specialPower">
            <span class="powered-by">{`{[{ POWERED_BY }]}`}</span>
            &#xA0;<div class="img"></div>
          </div>
        </div>
      </div>
    );
  },
});
