<div class="w-full max-w-xs max-h bg-white shadow-lg rounded-lg p-6 relative">
    <div class="flex shrink-0 items-center pb-4 text-xl font-medium text-slate-800">
        Edit Page Name
    </div>
    <div class="relative border-t border-slate-200 py-4 leading-normal text-slate-600 font-light">
        <input type="text" class="text-xl w-full" id="edit-menu-text">
        <input type="hidden" class="text-xl w-full" id="edit-menu-id" value="">
    </div>
    <div class="w-full">
        <div class="pt-5">
            <div class="flex justify-start">
                <button type="submit" class="update_page_name_modal px-6 py-2 bg-green-500 text-white font-semibold rounded-md hover:bg-green-600 focus:outline-none">Update</button>
                <button type="button" class="close_page_name_modal ml-2 px-6 py-2 bg-gray-500 text-white font-semibold rounded-md hover:bg-gray-600 focus:outline-none">Cancel</button>
            </div>
        </div>
    </div>
</div>