<template>
  <i :class="[b(), `van-icon-${name}`]" :style="{ color }" v-on="$listeners">
    <slot />
    <div v-if="isDef(info)" :class="b('info')">{{ info }}</div>
  </i>
</template>

<script>
import create from '../utils/create-basic';

export default create({
  name: 'icon',

  props: {
    name: String,
    info: [String, Number],
    color: String
  }
});
</script>