<template>
    <AppLayout title="Chat">
        <div class="container pt-10 pb-20 overflow-y-auto max-w-7xl">
            <Breadcrumbs class="pb-8" :breadcrumbs="breadcrumbs" />

            <div class="w-full min-h-[800px]">
                <Chat :chats="chats" :is="is" />
            </div>
        </div>
    </AppLayout>
</template>

<script>
import AppLayout from "@/Layouts/AppLayout";
import Breadcrumbs from "@/components/General/Breadcrumbs";
import Chat from "@/components/Chat/Chat.vue";
export default {
    props: {
        chats: {
            type: Array,
            required: true,
        },
        is: {
            type: String,
            required: true,
        },
    },
    data() {
        return {
            breadcrumbs: [
                {
                    name: "footer.home",
                    url: "/",
                },
                {
                    name: "bread.chat",
                    url: null,
                },
            ],
        };
    },

    components: {
        AppLayout,
        Breadcrumbs,
        Chat,
    },
};
</script>
