Tabs Component - Copy this React, Tailwind Component to your project

Design a beautiful responsive tabs with tab content. The tabs must be on the vertical left on desktop and horizontally scrollable at the top on mobile. The entire page must be within max w 7xl. The tabs must be hoverable with bg gray 300 and each tab must have an icon and text that indicates the type of tab it is