<div class="mb-4 bg-white py-3 dark:bg-slate-800 dark:text-slate-200 sm:rounded-lg">
    <div
        class="flex animate-pulse flex-col space-y-5 py-3 transition duration-150 ease-in">
        <div class="flex items-center space-x-4 px-6">
            <div class="flex items-center">
                <div class="h-6 w-6 rounded-full bg-slate-300"></div>
            </div>
            <div class="flex items-center space-x-3">
                <div class="h-3 w-16 rounded bg-slate-300"></div>
                <div class="h-3 w-16 rounded bg-slate-300"></div>
                <div class="h-3 w-16 rounded bg-slate-300"></div>
            </div>
        </div>
        <div class="mx-6 block h-8 rounded bg-slate-300"></div>
        <div class="h-72 w-full bg-slate-300"></div>
        <div class="flex justify-between px-6">
            <div class="flex space-x-6">
                <div class="h-5 w-10 rounded bg-slate-300"></div>
                <div class="h-5 w-10 rounded bg-slate-300"></div>
                <div class="h-5 w-5 rounded bg-slate-300"></div>
                <div class="h-5 w-5 rounded bg-slate-300"></div>
            </div>
            <div class="flex space-x-3">
                <div class="h-5 w-5 rounded bg-slate-300"></div>
                <div class="h-5 w-10 rounded bg-slate-300"></div>
                <div class="h-5 w-5 rounded bg-slate-300"></div>
            </div>
        </div>
    </div>
</div>
