<div class="flex flex-1 flex-col gap-2 max-xl:flex-auto">
    <div class="box-shadow rounded bg-white p-4 dark:bg-gray-900">
        <div class="mb-2.5 flex items-center justify-between gap-x-2.5">
            <!-- Heading -->
            <div class="flex flex-col gap-1">
                <div class="shimmer h-4 w-16"></div>
                
                <div class="shimmer h-4 w-[434px]"></div>
            </div>

            <!-- Button -->
            <div class="flex gap-2.5">
                <div class="shimmer h-10 w-[109px] rounded-md"></div>
            </div>
        </div>

        <!-- Tabs -->
        <div class="pt-4 text-center text-sm font-medium text-gray-500">
            <div class="mb-4 flex gap-4 border-b-2 pt-2 max-sm:hidden">
                <div class="shimmer h-10 w-16"></div>

                <div class="shimmer h-10 w-16"></div>

                <div class="shimmer h-10 w-16"></div>
            </div>
        </div>

        <!-- Editor -->
        <div class="shimmer h-[214px] w-full"></div>
    </div>
</div>
