import { SidebarMenu, SidebarMenuItem } from '@admin/components/ui/sidebar'
import { Skeleton } from '@admin/components/ui/skeleton'

export function UserMenuSkeleton() {
  return (
    <SidebarMenu className="h-full gap-0">
      <SidebarMenuItem className="h-full">
        <div className="flex h-full w-full items-center gap-2 px-3">
          <Skeleton className="size-8 shrink-0 rounded-sm" />
          <Skeleton className="h-4 w-20 group-data-[collapsible=icon]:hidden" />
        </div>
      </SidebarMenuItem>
    </SidebarMenu>
  )
}