<template>
  <div class="y-badge">
    <div class="y-badge-dot" v-if="count>0">{{count}}</div>
    <slot></slot>
  </div>
</template>

<script>
export default {
  props: {
    count: {
      type: Number,
      default: 0
    }
  }
}
</script>

<style lang="scss">
@import './badge.scss';
</style>