<div class="cursor-pointer flex items-start p-4 border-b border-gray-200 classic:border-black dark:border-white/10">
    <!-- Placeholder for the image -->
    <div class="w-12 h-12 rounded-xl bg-gray-300"></div>

    <div class="ml-3 flex-grow">
        <!-- Placeholder for the title -->
        <div class="h-4 bg-gray-300 w-3/4 rounded mb-2"></div>

        <!-- Placeholder for the name -->
        <div class="h-3 bg-gray-300 w-1/2 rounded mb-2"></div>

        <!-- Placeholder for the date -->
        <div class="h-3 bg-gray-300 w-1/4 rounded"></div>
    </div>
</div>
