import React from 'react';

/**
 * 格式化换行文案函数，根据英文状态;、中文状态；、以及。三个符号进行换行
 *
 * @category Utils
 * @param msgInfo : 需要换行的文案
 * @param needIndent : 首行是否需要缩进标识，默认首行需要缩进
 * @param indentNumber : 首行缩进距离，默认首行缩进距离为23px
 * @returns : 格式化换行后的DOM节点
 */
export const formatNewLine = (
  msgInfo: string,
  needIndent: boolean = true,
  indentNumber: number = 23,
) => {
  const tempMsg = msgInfo.toString().replace(/;|；|。/g, '\n');
  return (
    <>
      {tempMsg.split('\n').map((ele, index) => {
        if (needIndent && index) {
          return (
            <p style={{ textIndent: `${indentNumber}px` }} key={ele}>
              {ele}
            </p>
          );
        } else {
          return <span key={ele}>{ele}</span>;
        }
      })}
    </>
  );
};
