<template>
    <el-icon class="collapse-icon" @click="changeCollapse">
        <i-ep-expand v-if="globalStore.isCollapse" />
        <i-ep-fold v-else />
    </el-icon>
</template>

<script setup lang="ts">
import { useGlobalStore } from "@/stores/modules/global";

const globalStore = useGlobalStore();
const changeCollapse = () => globalStore.setGlobalState("isCollapse", !globalStore.isCollapse);
</script>

<style scoped lang="scss">
.collapse-icon {
    margin-top: 3px;
    margin-right: 20px;
    font-size: 19px;
    cursor: pointer;
}
</style>
