Default Component - Copy this React, Tailwind Component to your project
Design a dark theme chat UI, inspired by Telegram, featuring a sidebar for contacts and user conversations. * **Sidebar:** Display a list of contacts with their avatars and names. * **Chat Area:** Show the conversation history between users. * **Top Right Menu:** Include a vertical ellipsis ("...") icon in the top right corner. Clicking this icon should reveal a dropdown menu (ul) with additional options. * **Bottom Input Area:** * **Three Horizontally Aligned Icons (from left to right):** * **Left Icon:** A button that, when clicked, reveals a text input field for typing messages. Initially, only the icon is visible. * **Center Icon:** A microphone icon for recording audio messages. * **Right Icon:** (You can add a description for the third icon here, e.g., a sticker icon, a GIF icon, etc.) * **Horizontal Tag Bar:** Positioned directly *above* the three icons. This bar should be horizontally scrollable and contain tags (e.g., "Friends," "Family," "Work," etc.) that the user can drag left and right to view more tags. The overall design should be clean, modern, and follow a dark theme aesthetic.
