<script setup>
import { Icon } from "@iconify/vue";
import { cn } from "../../../utils/cn";
import { Button } from "../button";
import { useSidebar } from "./utils";
const props = defineProps({
  class: { type: [Boolean, null, String, Object, Array], required: false, skipCheck: true }
});
const { toggleSidebar } = useSidebar();
</script>

<template>
  <Button
    data-sidebar="trigger"
    data-slot="sidebar-trigger"
    variant="ghost"
    :class="cn('h-7 w-7', props.class)"
    @click="toggleSidebar"
  >
    <Icon icon="lucide:panel-left" />
    <span class="sr-only">Toggle Sidebar</span>
  </Button>
</template>
