import * as React from 'react';
import { Divider, Row, Col } from '@btri-ui/base';
import './index.less';
const TextDivider = () => {
  return (
    <div>
      <Row>
        <Col>
          <p className="width text">
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
          </p>
          <Divider orientation="left">iBUILDING</Divider>
        </Col>
      </Row>
      <Row>
        <Col>
          <p className="width text">
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
          </p>
          <Divider orientation>iBUILDING</Divider>
        </Col>
      </Row>
      <Row>
        <Col>
          <p className="width text">
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
          </p>
          <Divider orientation="right">iBUILDING</Divider>
        </Col>
      </Row>
      <Row>
        <Col>
          <p className="width text">
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
            这是一段文字说明，用于展示水平分割线样式，水平分割线常用来对不同元素内容进行分割。
          </p>
        </Col>
      </Row>
    </div>
  );
};

export default TextDivider;
