changeSubSection("overview")} class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" > Overview changeSubSection("strike")} class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" > By Strike changeSubSection("expiry")} class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' ? 'text-white bg-primary sm:hover:bg-opacity-[0.95]' : 'text-gray-400 sm:hover:text-white sm:hover:bg-primary sm:hover:bg-opacity-[0.95]'}" > By Expiry