Fixed Search Bar1 - Copy this React, Tailwind Component to your project

Build-a-component-called-FixedSearchBar1-which-is-a-fixed-search-bar-that-on-the-left-side-shows-a-product-category-selector,-in-the-center-the-bar-itself-and-at-the-end-of-the-bar-an-icon-of-a-magnifying-glass-to-search.-As-you-write-letter-by-letter-below-the-bar,-suggestions-for-products-or-categories-should-appear-that-begin-with-what-you-are-writing.-The-text-in-each-suggestion-should-be-highlighted-in-yellow-in-relation-to-the-text-written-in-the-input.-The-suggestions-show-the-name-of-the-product---category.-Everything-must-be-animated-with-Framer-Motion.-Also,-the-suggestion-bar-should-allow-you-to-move-between-suggestions-with-the-arrow-keys-on-the-keyboard,-highlighting-the-selected-one,-and-enter-to-search-for-that-product-in-question.-Everything-should-match-and-have-dark-and-elegant-colors-that-are-visually-pleasing.