import React from 'react';
import { RenderTextCallbackType } from '../../types/Util';

type Props = {
  text: string;
  /** Allows you to customize now non-newlines are rendered. Simplest is just a <span>. */
  renderNonNewLine: RenderTextCallbackType;
  isGroup: boolean;
};

export const AddNewLines = (props: Props) => {
  const { text, renderNonNewLine, isGroup } = props;
  const rendered = renderNonNewLine({ text, key: 0, isGroup });
  if (typeof rendered === 'string') {
    return <>{rendered}</>;
  }
  return rendered;
};