@extends('layouts.theme.chat-layout')
@section('content')
    <main>
        <div class="layout">
            <x-udo.chat.navigation-icons /> {{-- this represents the triggers for the tab contents --}}

            <x-udo.chat.main-sidebar /> {{-- this represents the tab contents --}}

            <x-udo.chat.add-friends-modal />

            <x-udo.chat.create-chat-modal />

            {{-- <x-udo.chat.main-chat-container :users="$users" /> --}}

			@livewire('main-chat-box')
        </div><!-- Layout -->
    </main>
@endsection