'use client'
import React, { Suspense } from 'react';
import { CustomInput } from '../../../../../components/view/CustomInput';
import { i18nText } from '../../../../../i18nKeys';
import {ChatList} from "../../../../../components/Chat/ChatList";

export default function  Messages({ params: { locale } }: { params: { locale: string } }) {
    return (
        <>
            <ol className="breadcrumb">
                <li className="breadcrumb-item active" aria-current="page">{i18nText('accountMenu.messages', locale)}</li>
            </ol>
            <Suspense>
                <CustomInput placeholder={i18nText('name', locale)} />
            </Suspense>
            <ChatList  locale={locale}/>
        </>
    );
};