Mobile Navbar - Copy this React, Tailwind Component to your project

Create a search bar for mobile . in first time show icon of search when user click on the search icon then open full screen of search input with rest of white background . and also left side add a small button which indicate to back if some click on this button then my page look back as intial state. like a with search box .and i want thing add more. all even in navbar and in navbar include a hamburger menu in this menu account order settings option with good animation if some click on this hamburger then my menu show if some click outside of this then my menu will be close. now next add search button which is i mention before. in right side faviourte icon , add to bag icon, and user profile icon. all include in my navbar.