Multi Step Upload - Copy this React, Tailwind Component to your project
Design a user interface for a data upload and analysis platform with the following features and layout structure: Account Selection Step (First Step): Toggle Button: Add a toggle switch labeled “New Account.” When toggled off, users can search for and select an existing account. When toggled on, users can input details for a new account. Account Details (if creating a new account): Display input fields for essential information: Account Name, Account ID, Horizon ID, Number of Users, VIP Users, Contacts, Tools Used, Languages Supported, Time Zone, Business Units, Support Agents, and CSAT Score. Save/Confirm Button: Include a button to confirm account selection or creation, enabling the next step. Account Information Banner (Persistent): Location: Directly below the main navigation bar, displayed throughout each process step. Content: Show essential account details (e.g., Account Name, Account ID, Time Zone) in a compact banner. Edit Option: Include an "Edit" button that lets users return to the account selection step to make changes if necessary. Data Upload Step (Second Step): Collapsible File Upload Sections: Training File: Include a toggle option to use the default training file. If toggled off, show an "Upload File" button and a "Download Template" link. Keyword File: Similar structure as the Training File section, with a toggle for using a default file and an upload option. Ticket Data File (Mandatory): Always visible, with a required indicator (e.g., a red asterisk). Provide an "Upload File" button and a "Download Sample Template" link. Summary Panel: Below the upload sections, show a summary panel with the status of each file upload (e.g., "Training File: Default Selected"). Analyze Button: The "Analyze" button at the bottom should remain inactive until the required Ticket Data File is uploaded. Progress Navigation: Progress Bar: Display a progress bar at the top of the page, showing three main steps: "Select or Create Account," "Upload Data," and "Analyze." Each section should highlight as the user completes it to visually guide them through the process. Account Summary Sidebar (Optional): Alternative Option: Add a fixed, collapsible sidebar on the left side of the screen, displaying account details (e.g., Account Name, Account ID). Allow users to expand or collapse this sidebar as needed. Summary of Layout with Account Information Top Banner: Persistent and positioned directly below the navigation bar, showing the current account’s basic details. Sidebar Option: Collapsible sidebar on the left for additional account details (optional). Step Headers: Display a brief account summary below each main step title.