<template>
  <el-col :span="8">
    <div class="ivr-btn-div">
      <el-button :type="type" :size="size" class="ivr-btn" @click="click">{{ name }}</el-button>
    </div>
  </el-col>
</template>

<script>
export default {
  name: 'IvrBtn',
  props: {
    name: {
      type: String,
      default: ''
    },
    type: {
      type: String,
      default: 'primary'
    },
    size: {
      type: String,
      default: 'small'
    }
  },
  methods: {
    click() {
      this.$emit('click')
    }
  }
}
</script>

<style scoped>
  .ivr-btn-div{
    width: 100%;
    padding: 5px;
  }
.ivr-btn{
  width: 100%;
  /*margin: 5px;*/
  box-sizing: border-box;
}
</style>