<div class="box-shadow flex flex-col gap-4 rounded-lg border border-gray-200 bg-white dark:border-gray-800 dark:bg-gray-900">
    <!-- tabs -->
    <div class="flex gap-2 border-b border-gray-200 dark:border-gray-800">
        <div class="shimmer mx-3 my-2.5 h-[21px] w-[120px]"></div>
        <div class="shimmer mx-3 my-2.5 h-[21px] w-[136px]"></div>
        <div class="shimmer mx-3 my-2.5 h-[21px] w-[80px]"></div>
    </div>

    <div class="flex flex-col gap-4 px-4 py-2">
        <!-- Quote Information -->
        <div class="flex flex-col gap-4">
            <div class="flex flex-col gap-1">
                <div class="shimmer h-[17px] w-1/3"></div>
                <div class="shimmer h-[17px] w-1/3"></div>
            </div>

            <div class="w-1/2 max-md:w-full">
                <!-- Subject -->
                <div class="mb-4 w-full">
                    <div class="shimmer mb-1.5 h-5 w-[60px]"></div>

                    <div class="shimmer h-[39px] w-full rounded"></div>
                </div>

                <!-- Description -->
                <div class="mb-4 w-full">
                    <div class="shimmer mb-1.5 h-5 w-20"></div>

                    <div class="shimmer h-[59px] w-full rounded"></div>
                </div>

                <!-- Sales Owner & Expires At -->
                <div class="flex gap-4">
                    <div class="mb-4 w-full">
                        <div class="shimmer mb-1.5 h-5 w-24"></div>

                        <div class="shimmer h-[42px] w-full rounded"></div>
                    </div>

                    <div class="mb-4 w-full">
                        <div class="shimmer mb-1.5 h-5 w-20"></div>

                        <div class="shimmer h-[42px] w-full rounded"></div>
                    </div>
                </div>

                <!-- Person & Link to lead -->
                <div class="flex gap-4">
                    <div class="mb-4 w-full">
                        <div class="shimmer mb-1.5 h-5 w-[60px]"></div>

                        <div class="shimmer h-[42px] w-full rounded"></div>
                    </div>

                    <div class="mb-4 w-full">
                        <div class="shimmer mb-1.5 h-5 w-20"></div>

                        <div class="shimmer h-[42px] w-full rounded"></div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Address Information -->
        <div class="flex flex-col gap-4">
            <div class="flex flex-col gap-4">
                <div class="flex flex-col gap-1">
                    <div class="shimmer h-[17px] w-1/3"></div>
                    <div class="shimmer h-[17px] w-1/3"></div>
                </div>

                <div class="w-1/2 max-md:w-full">
                    <!-- Billing Address -->
                    <div class="mb-4 w-full">
                        <div class="shimmer mb-1.5 h-5 w-28"></div>

                        <div class="flex gap-4 max-md:flex-wrap">
                            <div class="shimmer mb-4 h-[223px] w-full rounded"></div>

                            <div class="grid w-full">
                                <div class="shimmer mb-4 h-[42px] w-full rounded"></div>
                                <div class="shimmer mb-4 h-[40px] w-full rounded"></div>
                                <div class="shimmer mb-4 h-[40px] w-full rounded"></div>
                                <div class="shimmer mb-4 h-[40px] w-full rounded"></div>
                            </div>
                        </div>
                    </div>

                    <!-- Shipping Address -->
                    <div class="mb-4 w-full">
                        <div class="shimmer mb-1.5 h-5 w-28"></div>

                        <div class="flex gap-4 max-md:flex-wrap">
                            <div class="shimmer mb-4 h-[223px] w-full rounded"></div>

                            <div class="grid w-full">
                                <div class="shimmer mb-4 h-[42px] w-full rounded"></div>
                                <div class="shimmer mb-4 h-[40px] w-full rounded"></div>
                                <div class="shimmer mb-4 h-[40px] w-full rounded"></div>
                                <div class="shimmer mb-4 h-[40px] w-full rounded"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>

        <!-- Quotes Items -->
        <div class="flex flex-col gap-4">
            <div class="flex flex-col gap-1">
                <div class="shimmer h-[17px] w-1/3"></div>
                <div class="shimmer h-[17px] w-1/3"></div>
            </div>
        </div>
    </div>
</div>