<ul data-uuid="{{uuid}}" class="list hover:bg-base-200 transition">
    <li class="gap-x-0 md:gap-x-4 list-row items-center">
        <img class="size-12 rounded-full bg-base-content" src=""/>
        <div class="hidden md:block text-xl font-medium">{{name}}</div>
        <span class="hidden md:flex badge h-8 bg-info text-info-content font-semibold border-transparent">17</span>
    </li>
</ul>