Toggle Button - Copy this React, Tailwind Component to your project

<button aria-expanded={showCategories} aria-label="Toggle menu" aria-controls="menu-items" onClick={() => setShowCategories(!showCategories)} className={`flex items-center justify-center p-3 rounded-lg transition-all duration-300 ${ showCategories ? "bg-indigo-600" : "bg-indigo-500" } hover:bg-indigo-600 focus:outline-none focus:ring-2 focus:ring-indigo-500 focus:ring-offset-2`} > {showCategories ? ( <FiX className="w-6 h-6 text-white" /> ) : ( <FiMenu className="w-6 h-6 text-white" /> )} </button>change to blue