+
+ Agenda de contatos
+
+ Selecione um contato salvo para preencher o atendimento.
+
+
+
+ setSearchValue(event.target.value)}
+ placeholder="Buscar por nome, telefone ou etiqueta"
+ style={{
+ border: '1px solid var(--color-border)',
+ borderRadius: '16px',
+ padding: '0.85rem 0.9rem',
+ background: '#fff',
+ outline: 'none',
+ fontWeight: 600,
+ }}
+ />
+
+
+ {filteredContacts.map((contact) => {
+ const isSelected = selectedContactId === contact.id;
+
+ return (
+
+ );
+ })}
+
+ {!filteredContacts.length ? (
+
+ Nenhum contato encontrado na agenda.
+
+ ) : null}
+
+
+ {selectedContactId ? (
+
+ ) : null}
+
+
+