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

<script setup>
import { ref, computed } from 'vue';
const props = defineProps({
    orientation: { type: String, default: 'horizontal' }, // 方向
    title: { type: String, default: '更多信息' }, // 标题
    variant: { type: String, default: 'solid' }, // 变体
});
const emit = defineEmits([]);


</script>

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