<template>
  <div :class="[wrapperClass]">
    <slot></slot>
  </div>
</template>
<script>
import { LIB_NAME } from '../../../../src/util'
const wrapperClass = `${LIB_NAME}-breadcrumb`

export default {
  name: 'xBreadcrumb',
  provide() {
    return {
      'xBreadcrumb': this
    }
  },
  props: {

    // 分隔符
    separator: {
      type: String,
      default: ''
    },

    // icon分隔符
    separatorIcon: {
      type: String,
      default: 'ans-icon-arrow-right'
    }
  },
  data() {
    return {
      wrapperClass
    }
  }
}
</script>
