- {tabs.map((tab, index) => (
-
{
- tabRefs.current[index] = el
- }}
- className={cn(
- 'h-[30px] cursor-pointer px-3 py-2 transition-colors duration-300',
- index === activeIndex ? 'text-[#0e0e10] dark:text-white' : 'text-[#0e0f1199] dark:text-[#ffffff99]'
- )}
- onMouseEnter={() => setHoveredIndex(index)}
- onMouseLeave={() => setHoveredIndex(null)}
- onClick={() => {
- onTabChange?.(tab.id)
- }}>
-
- {tab.label}
-
-
- ))}
-