+ {sectionIndex > 0 && (
+
+ )}
+
+ {section.label}
+
+
+ {section.items.map(({ key, text }) => (
+ {
+ onSelect(key);
+ setIsOpen(false);
+ }}
+ className="flex cursor-pointer items-center justify-between rounded-md px-1.5 py-1 transition-colors duration-150 data-[selected=true]:bg-neutral-100"
+ >
+
+ {text}
+
+ {selectedValue === key && (
+
+ )}
+
+ ))}
+
+
+ ))}
+