Chatbot Interface - Copy this React, Tailwind Component to your project

Create an AI powered chatbot interface using React and Tailwind CSS. The chatbot will communicate with an AI language model via API (e.g., OpenAI's GPT). It will provide real time responses, enhancing user interaction on the website.User Interface (UI): Use React for building the interactive interface. Use Tailwind CSS for styling to ensure a modern, responsive design. The interface should have a message input box for the user and a chat window to display both user inputs and AI responses. Add animations for a smooth user experience, such as typing indicators or fade in effects when new messages appear.Include buttons for sending messages, clearing the chat, and options for switching between different AI personalities (e.g., casual, formal, friendly). Integration with AI API: Connect to an AI language model (like OpenAI’s GPT 3/4) via an API. Send user input to the backend API and display the response in the chat window.Handle errors gracefully, showing an error message if the API fails or the connection is lost.