Top Filter - Copy this React, Tailwind Component to your project

I need a compact mobile-friendly top filter designed in a row layout for my e-commerce site, ensuring a clean and intuitive user experience. The filter should stay fixed at the top of the screen, similar to popular e-commerce platforms like Flipkart. The design should feature dropdowns styled in a row layout, with icons and concise labels for categories and companies. Each filter option should display as a button with a dropdown icon (chevron) that expands or collapses the filter options. The dropdowns should show a compact, styled list of unique categories and companies, allowing users to easily select their preferred filters. Additionally, a "Show All Products" button should be included to allow users to reset the filter view. The design should maintain a clean and modern aesthetic, with smooth transitions, rounded buttons, and hover effects for better usability. The goal is a compact, responsive, and visually appealing mobile filter that enhances product discovery while keeping the layout neat and user-friendly.