GCTC-NTGC / TalentCloud

import React from "react";

/**

 * Splits a string on newlines and creates a list of <p> elements with the results.

 * @param text A string that may or may not contain newlines.

 * @param props An object with attributes to add to each <p> element.

 * @param indexedProps Maps objects of attributes to the paragraph index they apply to, allowing different attributes for specific paragraphs.

 * @returns One or more <p> elements wrapped in a fragment.

 */

export const textToParagraphs = (

  text: string,

  props?: { [attribute: string]: any },

  indexedProps?: { [index: number]: any },

): React.ReactFragment => {

  const items = text.split("\n");

  return (

    <>

      {items.map(

        (item, index): React.ReactElement => {

          const getIndexedProps =

            indexedProps && indexedProps[index] ? indexedProps[index] : "";

          return (

            // eslint-disable-next-line react/no-array-index-key

            <p key={index} {...props} {...getIndexedProps}>

              {item.trim().length > 0 ? item : <br />}

            </p>

          );

        },

      )}

    </>

  );

};

export default textToParagraphs;