JSFiddle - React, Tailwind, and code Playground

JavaScript

public static MvcHtmlString ToParagraphs(string description)
		{
			var htmlStr ="";
			string[] lines = description.Split(new string[] { "\r\n", "\n" }, StringSplitOptions.None);


			for (int currentLineNumber = 0; currentLineNumber < lines.Length; currentLineNumber++)
			{
				switch (currentLineNumber)
				{
					case 0: //first line
						//<h1>lines[currentLineNumber]</h1>
						htmlStr += "<h1>" + lines[currentLineNumber] + "</h1>";
						break;
					case 1: //second line
						//<h4>lines[currentLineNumber]</h4>
						htmlStr += "<h4>" + lines[currentLineNumber] + "</h4>";
						break;
					case 2: //second line
						htmlStr += "<text>" + lines[currentLineNumber] + "</text>";
						break;
					default://for everything that is bigger than the third line if it contains "-" otherwise display a normal text
						if (currentLineNumber > 2)
						{
							//<ul><li>@currentLineNumber line</li></ul>
							if (lines[currentLineNumber].Contains("-"))
							{
								htmlStr += "<li>" + lines[currentLineNumber] + "</li>";
							}
						}
						break;
				}
			}
 
			return MvcHtmlString.Create(htmlStr);
		}