<div class="modal modal-component" :style="large ? 'width: 80vw !important;' : medium ? 'width: 50% !important;' : small ? 'width: 40% !important;' : ''" ref="modal">
    <div class="modal-content">
        <slot></slot>
    </div>
    <div class="modal-footer">
        <button class="btn waves-effect" @click="$emit('submit')" type='button' :disabled="disabled" v-if="!disabled">
            {{ traducirFrase ? traducirFrase(send) : send }}
        </button>
        <button class="btn white-text waves-effect" @click="toggle" type='button'>
            {{ traducirFrase ? traducirFrase(cancel) : cancel }}
        </button>
    </div>
</div>