+ {focusModes.map((mode, i) => (
+
setFocusMode(mode.key)}
+ key={i}
+ className={cn(
+ 'p-2 rounded-lg flex flex-col items-start justify-start text-start space-y-2 duration-200 cursor-pointer transition',
+ focusMode === mode.key
+ ? 'bg-[#111111]'
+ : 'hover:bg-[#111111]',
+ )}
+ >
+
+ {mode.icon}
+
{mode.title}
+
+ {mode.description}
+
+ ))}
+
+