Header - Copy this React, Tailwind Component to your project

Generate a header with a logo on the left side, nav items next to it and a login and register button on the right. Some of the nav items have children items. It needs to be responsive. When in mobile view, clicking on the hamburger icon changes it to an x icon and the nav items animate in from the bottom.