<div id="chat"></div>
<script>
let messagesData = [
    {
        id: 1,
        text: "Hello! How can I help you today?",
        authorId: "assistant",
        authorName: "Virtual Assistant",
        timestamp: new Date()
    }
];

$("#chat").kendoChat({
    suggestions: [
        { text: "I need help with my order" },
        { text: "Tell me about your services" },
        { text: "Contact support" }
    ],
    authorId: "user",
    dataSource: messagesData,
    suggestionClick: function(e) {
        console.log("User selected suggestion:", e.text);
    }
});
</script>