<div class="h-full flex flex-col items-center justify-center xl:space-y-2 space-y-6" id="blank-box">
    <img src="images/svg/blank.svg" alt="">
    <h4 class="text-2xl text-slate-600 dark:text-slate-300 font-medium">
        {{ __('No message yet...') }}
    </h4>
    <div class="text-sm text-slate-500 lg:pt-0 pt-4">
        <span class="lg:block hidden">don't worry, just take a deep breath & say "Hello"</span>
        <div class="lg:hidden block">
            <span class="btn btn-dark cursor-pointer start-chat">
                {{ __('Start Conversation') }}
            </span>
        </div>
    </div>
</div>
