<template>
  <div class="kole-typography kole-typography-surface"><strong class="kole-typography-title">{{ title || '排版 Typography' }}</strong><p class="kole-typography-desc">统一标题、正文、辅助文字、数字和省略文本的层级与阅读体验。</p><slot /></div>
</template>

<script>
export default {
  name: 'KoleTypography',
  props: {
    variant: { type: String, default: 'body' }, // 变体
    text: { type: String, default: '示例文本' }, // text
    align: { type: String, default: 'left' }, // 对齐方式
    maxLength: { type: Number, default: 0 }, // 最大字符数
  },
  // events: copy
};
</script>

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