"font-bold">This is super informative</h3>
            <span>You can tell by how pretty the alert is</span>
        </div>
    </div>

    <!-- Warning -->
    <div class="flex items-center gap-6 p-6 bg-base-200 rounded border-t-4 border-warning">
        <i class="fa-solid fa-triangle-exclamation text-2xl text-warning"></i>

        <div class="flex flex-col">
            <h3 class="font-bold">Your session has ended</h3>
            <span>Please login again to continue</span>
        </div>
    </div>

   