<script lang="ts" setup>
import { useSidebar } from '@/components/ui/sidebar'

const { isMobile } = useSidebar()
</script>

<template>
  <UiSidebarMenu>
    <UiSidebarMenuItem>
      <UiSidebarMenuButton size="lg">
        <div class="flex items-center justify-center rounded-lg aspect-square size-8 bg-sidebar-primary text-sidebar-primary-foreground">
          <img src="/logo.svg" alt="Monisuo" class="size-5">
        </div>
        <div class="grid flex-1 text-sm leading-tight text-left">
          <span class="font-semibold truncate">Monisuo</span>
          <span class="text-xs truncate">管理后台</span>
        </div>
      </UiSidebarMenuButton>
    </UiSidebarMenuItem>
  </UiSidebarMenu>
</template>
