<template>
  <div>
    <div
      class="h-[48px] bg-gray-1 flex items-center justify-center text-[14px] font-bold cursor-pointer"
      v-show="!isCollapse"
    >
      <img src="@/assets/images/common/icon-middle.png" class="w-[16px] h-[16px] mr-[12px]" />
      业务中台
    </div>
    <div
      class="h-[56px] bg-gray-1 flex items-center justify-center text-[14px] font-bold cursor-pointer"
      v-show="isCollapse"
    >
      <img src="@/assets/images/common/icon-middle.png" class="w-[36px] h-[36px]" />
    </div>
  </div>
</template>
<script setup lang="ts">
import { useGlobalStore } from '@/stores/modules/global'

const globalStore = useGlobalStore()
const isCollapse = computed(() => globalStore.isCollapse)
</script>
