<template>
  <div class="toggle" @click="toggleClick">
    <component :is="siderbarStore.getSiderBarStatus() ? 'Fold' : 'Expand'" class="icon"></component>
  </div>
</template>

<script setup>
import {useSiderBar} from '@/store/siderbar.js'

const siderbarStore = useSiderBar()
const toggleClick = () => {
  siderbarStore.setSiderBarStatus()
}
</script>
