<div class="mt-7 flex items-center justify-between gap-4 max-md:flex-wrap">
    <!-- Left Toolbar -->
    <div class="flex gap-x-1">
        <div class="flex w-full items-center gap-x-1">
            <div class="shimmer h-[38px] w-[302px] rounded-lg"></div>

            <div class="ltr:pl-2.5 rtl:pr-2.5">
                <p class="shimmer h-[17px] w-[75px]"></p>
            </div>
        </div>
    </div>

    <!-- Right Toolbar -->
    <div class="flex gap-x-4">
        <div class="">
            <div class="shimmer h-[38px] w-[94px] rounded-md"></div>
        </div>

        <div class="flex items-center gap-x-2">
            <div class="shimmer h-[38px] w-[72px] rounded-md"></div>

            <p class="shimmer h-6 w-14"></p>

            <div class="shimmer h-[38px] w-10 rounded-md"></div>

            <div class="shimmer h-6 w-[37px]"></div>

            <div class="flex items-center gap-1">
                <div class="shimmer h-[38px] w-[38px] rounded-md"></div>

                <div class="shimmer h-[38px] w-[38px] rounded-md"></div>
            </div>
        </div>
    </div>
</div>
