Navbar - Copy this React, Tailwind Component to your project

there should be gap in between brand and links and also make the search field like this when i click on icon of search the input field should slide out from that icon and when i click anywhere else or search button the input field should slide back in icon but remember make the gap between brand and links much so it should not look conjusted