import React, { useState } from 'react';
import './Typography.css';

export default function KoleTypography({ variant = 'body', text = '示例文本', align = 'left', maxLength = 0, children, onChange, onClick, onClose, onSubmit, onLoadMore }) {
  
  return (
    <div className="kole-typography-root">
      <div className="kole-typography"><h2 className="kole-typography-title">{text}</h2><p className="kole-typography-desc">辅助说明文字，展示信息层级和省略。</p><button type="button" className="kole-typography-button" onClick={() => onClick && onClick(text)}>复制文本</button></div>
    </div>
  );
}