<template>
  <div 
    class="bx-swiper-item" 
    :class="{'bx-swiper-item--active': $parent.currentIndex==index}"
    >
    <slot />
  </div>
</template>
<script>
import { create } from '../utils/index'

export default create({
  name: 'swiper-item',
  data() {
    return {
      index: 0,
    }
  },
})
</script>
<style lang="postcss">
@import './index.css';
</style>
