<template>
  <div class="ht-base-divider" :class="getLineStyle">
    <!--<span><slot></slot></span>-->
  </div>
</template>

<script>
  export default {
    name: 'HtBaseDivider',
    props: {
      lineStyle: {
        type: String,
        default: 'style1'
      },
      type: {
        type: String,
        default: 'horizontal'
      }
    },
    data() {
      return {}
    },
    computed: {
      getLineStyle() {
        return {
          [`ht-base-divider-${this.lineStyle}`]: true,
          [`ht-base-divider-${this.type}`]: true
        }
      }
    },
    mounted() {
      console.log(this);
    }
  }
</script>
<style>

</style>

