Upload Analysis Platform - Copy this React, Tailwind Component to your project
Create a reusable multi-select React component named AdvancedMultiSelect with the following features: Multi-Select with Checkboxes: Add checkboxes next to each option for selection. Include a "Select None" option to deselect all. Tag Display for Selected Options: Display selected items as tags with an "x" button for removal. Support maximum tag display count with a "+N more" summary for excess selections. Search Functionality: Include a search bar when isSearchable is true. Dynamically filter options based on input. Customizable Props: options: Array of objects with value, label, and optional disabled. value: Current selected values. isSelectAll: Boolean to enable/disable "Select All/None" option. isClearable: Boolean to enable/disable clearing all selections. placeholder: Custom placeholder text. onChange: Callback for value changes. onSelectNone: Callback triggered when "Select None" is clicked. Styling and Responsiveness: Use Tailwind CSS for responsive design. Customizable colors via a primaryColor prop. Include hover effects and animations for dropdowns.
