<template>
  <div :class="[c(),cusClass]">
    <slot/>
  </div>
</template>

<script>
import { base } from '../../common/mixins'
import Item from './Item'

export default {
  Item,
  name: 'ListItem',
  mixins: [base],
  props: {
    itemHeight: {
      type: Number,
      default: 45,
    },
    cusClass: {
      type: String,
      default: '',
    },
    showFocusBorder: {
      type: Boolean,
      default: false,
    },
  },
  data () {
    return {}
  },
  mounted () {
  },
}
</script>

<style lang="less">
  .hls-list-item {
    width: 100%;
    overflow: hidden;
    background: #fff;
    margin-bottom: 10px;

    .hls-item {
      &:last-child {
        .vue-1px-b {
          &:after {
            border-bottom: none;
          }
        }
      }
    }
  }
</style>
