{{-- Abandoned Cart Shimmer --}}
<div class="flex-1 relative p-[16px] bg-white dark:bg-gray-900 rounded-[4px] box-shadow">
    {{-- Header --}}
    <div class="flex items-center justify-between mb-[16px]">
        <div class="shimmer w-[150px] h-[17px]"></div>

        <div class="shimmer w-[79px] h-[21px]"></div>
    </div>

    <div class="grid gap-[16px]">
        <div class="flex gap-[16px] justify-between">
            <div class="grid gap-[4px]">
                <div class="shimmer w-[90px] h-[17px]"></div>

                <div class="shimmer w-[117px] h-[17px]"></div>

                <div class="shimmer w-[75px] h-[17px]"></div>
            </div>

            <div class="grid gap-[4px]">
                <div class="shimmer w-[90px] h-[17px]"></div>

                <div class="shimmer w-[117px] h-[17px]"></div>

                <div class="shimmer w-[75px] h-[17px]"></div>
            </div>

            <div class="grid gap-[4px]">
                <div class="shimmer w-[90px] h-[17px]"></div>

                <div class="shimmer w-[117px] h-[17px]"></div>

                <div class="shimmer w-[75px] h-[17px]"></div>
            </div>
        </div>

        <div class="shimmer w-[150px] h-[17px] mb-[16px]"></div>

        {{-- Progress Bar Shimmer --}}
        <x-admin::shimmer.reporting.progress-bar/>
    </div>
</div>