<modal-dialvox v-model="targets.assoc" :cancel="traducirFrase('Cancel')" small :disabled="true" @closed="toggle('assoc')">

    <h4>{{traducirFrase("Asociar voces")}}</h4>
    <br>
    <div class="container">
        <div class="row" style="display: flex; align-items:center;">
            <div style="flex-grow: 1;">
                <select
                    id="add_audioPrincipal"
                    class="browser-default"
                    v-model= "voz"
                    :placeholder="traducirFrase('Voz')"
                >
                    <option v-for = "v in voces" :key="v.value" :value="v.value">
                        {{v.label}}
                    </option>
                </select>
            </div>
            <div>
                <button class="waves-effect waves-light btn blue" @click="addAssoc">
                    agregar voz
                </button>
            </div>            
        </div>
        <div>
            <table-dialvox
                :headers="headerAssoc"
                :data="vocesAsociadas"
                :options="optionsAssoc"
                :hsearch="true"
                @delete="deleteAssoc($event)" 
            ></table-dialvox>
        </div>
    </div>
</modal-dialvox>