Search Box - Copy this React, Tailwind Component to your project

{filteredActionIds.length > 0 && ( <div className="absolute mt-1 w-full max-h-24 overflow-x-auto overflow-y-auto shadow-lg bg-white rounded-lg border border-gray-300"> <ul> {filteredActionIds.map((item, index) => ( <li key={index} className="px-3 py-1 hover:bg-gray-200 cursor-pointer border border-gray-200" onClick={() => handleSetViewportToNode(item)} style={{ width: '200%' }} > {item} </li> ))} </ul> </div> )}