<div
  class="lm-Widget lm-Panel lm-SplitPanel perspective-workspace"
  data-orientation="horizontal"
  data-alignment="start"
  style="min-width: 0px"
>
  <div
    class="lm-Widget lm-Panel perspective-scroll-panel lm-SplitPanel-child"
    style="position: absolute; contain: strict; top: 0px; left: 0px"
  >
    <div class="lm-Widget lm-DockPanel" data-mode="multiple-document" style="">
      <div
        class="lm-DockPanel-overlay lm-mod-hidden"
        style="position: absolute; contain: strict"
      ></div>
      <div
        class="lm-Widget lm-TabBar lm-DockPanel-tabBar"
        data-orientation="horizontal"
        style="position: absolute; top: 3px; left: 3px"
      >
        <ul
          role="tablist"
          class="lm-TabBar-content"
          aria-orientation="horizontal"
        >
          <li
            title=""
            class="lm-TabBar-tab lm-mod-closable lm-mod-current"
            style="z-index: 2"
          >
            <div class="drag-handle"></div>
            <span id="label" class="lm-TabBar-tabLabel">untitled</span>
            <div class="lm-TabBar-tabCloseIcon p-TabBar-tabCloseIcon"></div>
          </li>
        </ul>
        <div
          class="lm-TabBar-addButton lm-mod-hidden"
          tabindex="-1"
          role="button"
        ></div>
      </div>
      <div
        class="workspace-widget lm-Widget lm-DockPanel-widget"
        role="tabpanel"
        aria-labelledby="tab-key-2-1"
        style="position: absolute; contain: strict; top: 43px; left: 3px"
      >
        <div class="viewer-container">
          <slot name="PERSPECTIVE_GENERATED_ID_1"></slot>
        </div>
      </div>
    </div>
  </div>
  <div
    class="lm-SplitPanel-handle lm-mod-hidden"
    style="
      position: absolute;
      contain: style;
      top: 0px;
      left: 1280px;
      width: 6px;
    "
  ></div>
</div>
