L L M Tabular Data Interaction - Copy this React, Tailwind Component to your project

"Create a user interface that allows users to interact with tabular data using LLMs. The UI should include the following components: Header Section: Title: 'TableLLM: Enabling Tabular Data Manipulation by LLMs in Real Office Usage Scenarios'. A tab system at the top left to switch between 'Single Table Operation' and 'Double Table Operation'. File Upload Section: A drag and drop area for uploading files, supporting formats like CSV, XLSX, XLS, DOCX, with a file size limit of 200MB. Display the name and size of the uploaded file. Table Display Section: A table that dynamically displays the uploaded data with columns for 'student_name', 'sid', 'program_name_short', 'program_code', 'subject_name', and 'subject_code'. A 'Refresh Table' button to update the displayed table. Query Section: A text input box where users can enter their queries related to the displayed table. Buttons for 'Send', 'Upvote', and 'Downvote' below the text input box. Suggested Questions Section: A list of possible questions that users can ask about the table data. General Layout: The UI should be designed with a dark theme and modern aesthetics, ensuring clarity and ease of use."