import { ChatList } from "@zuzjs/ui"
            

                
                <ChatList messages={messages} />
            

                
                <ChatList
            

                
                    messages={[
            

                
                        { id: 1, side: "you", text: "Hey" },
            

                
                        { id: 2, side: "me", text: "Hello" }
            

                
                    ]}
            

                
                />
            

                
                <ChatList messages={messages} typing />
            

                
                <ChatList messages={messages} typing="Ali is typing..." />
            

                
                <ChatList
            

                
                    messages={messages}
            

                
                    dateLabels={{
            

                
                        today: "Today",
            

                
                        yesterday: "Yesterday"
            

                
                    }}
            

                
                />
            

                
                 
            

                
                <ChatList
            

                
                    messages={messages}
            

                
                    locale="ur-PK"
            

                
                    dateLabels={{
            

                
                        today: "آج",
            

                
                        yesterday: "کل"
            

                
                    }}
            

                
                />
            

                
                <ChatList
            

                
                    messages={messages}
            

                
                    locale="en-US"
            

                
                    formatDateLabel={(ts, { dayDiff, date, labels, locale }) => {
            

                
                        if (dayDiff === 0) return labels.today;
            

                
                        if (dayDiff === 1) return labels.yesterday;
            

                
                        return new Intl.DateTimeFormat(locale || "en-US", {
            

                
                            weekday: "short",
            

                
                            month: "short",
            

                
                            day: "numeric",
            

                
                            year: "numeric"
            

                
                        }).format(date);
            

                
                    }}
            

                
                />