changeSubSection("overview")} class="p-2 px-5 cursor-pointer {displaySubSection === 'overview' ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold' : 'text-blue-700 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}" > Overview changeSubSection("strike")} class="p-2 px-5 cursor-pointer {displaySubSection === 'strike' ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold' : 'text-blue-700 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}" > By Strike changeSubSection("expiry")} class="p-2 px-5 cursor-pointer {displaySubSection === 'expiry' ? 'text-muted dark:text-white bg-[#EEEEEE] dark:bg-primary/90 font-semibold' : 'text-blue-700 dark:text-gray-400 sm:hover:text-muted dark:sm:hover:text-white sm:hover:bg-[#EEEEEE] dark:sm:hover:bg-primary/90'}" > By Expiry