<div
    class="skeleton-notification-card animate-pulse flex items-center gap-x-3 px-3 py-2 m-2 bg-menu-background rounded-xl"
>
    <!-- Avatar placeholder -->
    <div
        class="h-8 w-8 bg-menu-item-background-focus rounded-full shrink-0"
    ></div>

    <!-- Text placeholders -->
    <div class="basis-full space-y-2">
        <div class="h-4 bg-menu-item-background-focus rounded"></div>
        <div class="h-4 bg-menu-item-background-focus rounded w-2/3"></div>
    </div>
</div>
