<template>
  <div @click="onClickHide"
    class="cursor-pointer flex items-center gap-2 px-6 py-3 rounded-r-full font-bold text-medium-grey group hover:bg-main-purple/10 dark:hover:bg-white hover:text-main-purple">
    <IconHideSidebar class="fill-medium-grey group-hover:fill-main-purple" />
    <p class="">Hide Sidebar</p>
  </div>
</template>
<script setup>
import { useSystemStore } from '@/store/system';
import IconHideSidebar from '../../icons/IconHideSidebar.vue';

const systemStore = useSystemStore()
const onClickHide = () => {
  systemStore.sidebar = false
}
</script>