+ {/* Busca */}
+
+
+ setSearchTerm(e.target.value)}
+ className="w-full pl-10 pr-4 py-3 border-2 border-[#8B6F47] rounded-lg focus:outline-none focus:border-[#C84B31] bg-[#F5EBE0]"
+ />
+
+
+ {/* Filtros principais */}
+
+ {/* Filtro por estilo */}
+
+
+
+
+
+ {/* Ordenação */}
+
+
+
+
+
+ {/* Contador de resultados */}
+
+ {filteredAndSortedGroups.length} terminaç{filteredAndSortedGroups.length === 1 ? "ão" : "ões"}
+
+
+
+ {/* Alfabeto */}
+
+
+ {alphabet.map((letter) => (
+
+ ))}
+
+
+