<ul id="message-contact">
    <li class="block w-full py-5 focus:ring-0 outline-none cursor-pointer group transition-all duration-150 hover:bg-slate-100
            dark:hover:bg-slate-600 dark:hover:bg-opacity-70">
        <div class="flex space-x-3 px-6 rtl:space-x-reverse">
            <div class="flex-none">
                <div class="h-10 w-10 rounded-full relative">
                    <span class=" status ring-1 ring-white inline-block h-[10px] w-[10px] rounded-full absolute -right-0 top-0  bg-secondary-500 "></span>
                    <img src=images/users/user-2.jpg alt="" class="block w-full h-full object-cover rounded-full">
                </div>
            </div>
            <div class="flex-1 text-start flex">
                <div class="flex-1">
                    <span class="block text-slate-800 dark:text-slate-300 text-sm font-medium mb-[2px]">
                        Kathryn Murphy
                    </span>
                    <span class="block text-slate-600 dark:text-slate-300 text-xs font-normal">
                        Hey! there I&#39;m...
                    </span>
                </div>
                <div class="flex-none ltr:text-right rtl:text-end">
                    <span class="block text-xs text-slate-400 dark:text-slate-400 font-normal">
                        12:20 pm
                    </span>

                    <span class="inline-flex flex-col items-center justify-center text-[10px] font-medium w-4 h-4 bg-[#FFC155] text-white
                                rounded-full">
                        6
                    </span>

                </div>
            </div>
        </div>
    </li>

    <li class="block w-full py-5 focus:ring-0 outline-none cursor-pointer group transition-all duration-150 hover:bg-slate-100
            dark:hover:bg-slate-600 dark:hover:bg-opacity-70">
        <div class="flex space-x-3 px-6 rtl:space-x-reverse">
            <div class="flex-none">
                <div class="h-10 w-10 rounded-full relative">
                    <span class=" status ring-1 ring-white inline-block h-[10px] w-[10px] rounded-full absolute -right-0 top-0 
                        bg-success-500 "></span>
                    <img src=images/users/user-3.jpg alt="" class="block w-full h-full object-cover rounded-full">
                </div>
            </div>
            <div class="flex-1 text-start flex">
                <div class="flex-1">
                    <span class="block text-slate-800 dark:text-slate-300 text-sm font-medium mb-[2px]">
                        Felecia Rower
                    </span>
                    <span class="block text-slate-600 dark:text-slate-300 text-xs font-normal">
                        Hey! there I&#39;m...
                    </span>
                </div>
                <div class="flex-none ltr:text-right rtl:text-end">
                    <span class="block text-xs text-slate-400 dark:text-slate-400 font-normal">
                        12:20 pm
                    </span>

                    <span class="inline-flex flex-col items-center justify-center text-[10px] font-medium w-4 h-4 bg-[#FFC155] text-white
                                rounded-full">
                        3
                    </span>

                </div>
            </div>
        </div>
    </li>

    <li class="block w-full py-5 focus:ring-0 outline-none cursor-pointer group transition-all duration-150 hover:bg-slate-100
            dark:hover:bg-slate-600 dark:hover:bg-opacity-70">
        <div class="flex space-x-3 px-6 rtl:space-x-reverse">
            <div class="flex-none">
                <div class="h-10 w-10 rounded-full relative">
                    <span class=" status ring-1 ring-white inline-block h-[10px] w-[10px] rounded-full absolute -right-0 top-0  bg-secondary-500 "></span>
                    <img src=images/users/user-4.jpg alt="" class="block w-full h-full object-cover rounded-full">
                </div>
            </div>
            <div class="flex-1 text-start flex">
                <div class="flex-1">
                    <span class="block text-slate-800 dark:text-slate-300 text-sm font-medium mb-[2px]">
                        Aileen Chavez
                    </span>
                    <span class="block text-slate-600 dark:text-slate-300 text-xs font-normal">
                        Hey! there I&#39;m...
                    </span>
                </div>
                <div class="flex-none ltr:text-right rtl:text-end">
                    <span class="block text-xs text-slate-400 dark:text-slate-400 font-normal">
                        12:20 pm
                    </span>

                    <span class="inline-flex flex-col items-center justify-center text-[10px] font-medium w-4 h-4 bg-[#FFC155] text-white
                                rounded-full">
                        4
                    </span>

                </div>
            </div>
        </div>
    </li>

    <li class="block w-full py-5 focus:ring-0 outline-none cursor-pointer group transition-all duration-150 hover:bg-slate-100
            dark:hover:bg-slate-600 dark:hover:bg-opacity-70">
        <div class="flex space-x-3 px-6 rtl:space-x-reverse">
            <div class="flex-none">
                <div class="h-10 w-10 rounded-full relative">
                    <span class=" status ring-1 ring-white inline-block h-[10px] w-[10px] rounded-full absolute -right-0 top-0 
                        bg-success-500 "></span>
                    <img src=images/users/user-5.jpg alt="" class="block w-full h-full object-cover rounded-full">
                </div>
            </div>
            <div class="flex-1 text-start flex">
                <div class="flex-1">
                    <span class="block text-slate-800 dark:text-slate-300 text-sm font-medium mb-[2px]">
                        Alec Thompson
                    </span>
                    <span class="block text-slate-600 dark:text-slate-300 text-xs font-normal">
                        Hey! there I&#39;m...
                    </span>
                </div>
                <div class="flex-none ltr:text-right rtl:text-end">
                    <span class="block text-xs text-slate-400 dark:text-slate-400 font-normal">
                        12:20 pm
                    </span>

                </div>
            </div>
        </div>
    </li>

    <li class="block w-full py-5 focus:ring-0 outline-none cursor-pointer group transition-all duration-150 hover:bg-slate-100
            dark:hover:bg-slate-600 dark:hover:bg-opacity-70">
        <div class="flex space-x-3 px-6 rtl:space-x-reverse">
            <div class="flex-none">
                <div class="h-10 w-10 rounded-full relative">
                    <span class=" status ring-1 ring-white inline-block h-[10px] w-[10px] rounded-full absolute -right-0 top-0  bg-secondary-500 "></span>
                    <img src=images/users/user-1.jpg alt="" class="block w-full h-full object-cover rounded-full">
                </div>
            </div>
            <div class="flex-1 text-start flex">
                <div class="flex-1">
                    <span class="block text-slate-800 dark:text-slate-300 text-sm font-medium mb-[2px]">
                        Murphy Aileen
                    </span>
                    <span class="block text-slate-600 dark:text-slate-300 text-xs font-normal">
                        Hey! there I&#39;m...
                    </span>
                </div>
                <div class="flex-none ltr:text-right rtl:text-end">
                    <span class="block text-xs text-slate-400 dark:text-slate-400 font-normal">
                        12:20 pm
                    </span>
                </div>
            </div>
        </div>
    </li>

</ul><?php /**PATH D:\laragon\www\dashcode-laravel\resources\views/components/chat/contact.blade.php ENDPATH**/ ?>