{{-- Average Order Value 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] items-center  justify-between">
            <div class="shimmer w-[120px] h-[36px]"></div>
            <div class="shimmer w-[75px] h-[17px]"></div>
        </div>

        <div class="shimmer w-[120px] h-[20px]"></div>
    
        {{-- Progress Bar Shimmer --}}
        <x-admin::shimmer.reporting.graph/>
    </div>
</div>