<template>
  <div :class="'icon-button-'+type">
    <i :class="icon" :style="{fontSize:size+ 'px'}"></i>
  </div>
</template>

<script>
  export default {
    name: "IconButton",
    props: {
      type: {
        type: String,
        default: ()=>'primary'
      },
      icon: {
        type: String,
        required: true
      },
      size: {
        type: Number,
        default:()=>20
      }
    }
  }
</script>

<style scoped>

</style>