<template>
  <el-tooltip effect="dark" content="全屏" placement="bottom" :show-after="200">
    <div class="fullscreen toolbar-icon-container default-btn" @click="toggle">
      <i :class="['iconfont', isFullscreen ? 'iconminimize-02' : 'iconmaximize-02']" class="toolBar-icon"></i>
    </div>
  </el-tooltip>
</template>

<script setup lang="ts">
import { useFullscreen } from "@vueuse/core";
const { toggle, isFullscreen } = useFullscreen();
</script>
