+ {({ open }) => (
+ <>
+
+
+ {selected.name}
+
+
+
+
+
+
+
+ {type.map((person) => (
+
+ classNames(
+ active
+ ? "bg-gray-400 text-white"
+ : "text-gray-900",
+ "relative cursor-default select-none py-2 pl-3 pr-9"
+ )
+ }
+ value={person}
+ >
+ {({ selected, active }) => (
+ <>
+
+ {person.name}
+
+
+ {selected ? (
+
+
+
+ ) : null}
+ >
+ )}
+
+ ))}
+
+
+
+ >
+ )}
+