<template>
  <div class="kole-divider"><span class="kole-divider-desc">{{ title }}</span><hr class="kole-divider-divider" :class="'is-' + orientation" /></div>
</template>

<script>
export default {
  name: 'KoleDivider',
  props: {
    orientation: { type: String, default: 'horizontal' }, // 方向
    title: { type: String, default: '更多信息' }, // 标题
    variant: { type: String, default: 'solid' }, // 变体
  },
};
</script>

<style src="./Divider.css"></style>
