Lokrosh/chatty-mcbotface

1 2<script>3document.addEventListener('DOMContentLoaded', function() {4    class ChatContainer extends HTMLElement {5        connectedCallback() {6            this.innerHTML = `7                    <div id="chat-container" class="flex-grow overflow-y-auto mb-4 space-y-4 p-2">8                        <div class="flex justify-start">9                            <div class="chat-bubble bot-bubble bg-white p-4 shadow-md rounded-lg">10<p class="text-gray-800">Hello there! I'm Chatty McBotFace, your AI assistant. How can I help you today?</p>11                        </div>12                    </div>13                </div>14            `;15        }16    }17    18    if (!customElements.get('chat-container')) {19        customElements.define('chat-container', ChatContainer);20    }21});22</script>23