Styled Paper - Copy this React, Mui Component to your project
"Design a team selection dropdown to be added to the appTitleSlot in a dashboard layout. The dropdown should include the following features: Icon and Label: Display a bold logo/icon (e.g., 'C') to the left and a label saying 'Select team' to the right, with a small dropdown arrow indicating a clickable menu. Dropdown Structure: Search Input: A text field at the top of the dropdown for searching teams, with a placeholder text like 'Search team...'. Teams Section: A section labeled 'Teams' that lists available team names in a clean, bold font. Action Item: At the bottom of the dropdown, include a row with a prominent 'Create team' option, prefixed with a purple '+' icon. This option should stand out for easy discoverability. Styling: Use subtle borders and a light background for the dropdown. Employ Material UI for consistent modern design, ensuring alignment and spacing are clean and visually appealing. Use hover effects for interactive elements, such as highlighting rows when hovered. Interactivity: Clicking on a team name updates the selected team in the appTitleSlot to reflect the chosen team. The 'Create team' option should redirect or open a modal for creating a new team. The search input dynamically filters the displayed teams based on user input. Responsiveness: Ensure the dropdown is fully responsive and fits seamlessly within the dashboard layout across various screen sizes."
