// Generates the html for an icon
export const generateIcon = (svg: string, height: number = 32, width: number = 32, className?: string, placeholders?: number) => {
	// See if placeholders exist
	if (typeof(placeholders) === "number" && placeholders > 0) {
		// Parse the number of placeholders
		for (let i = 0; i < placeholders; i++) {
			let regex = new RegExp("\\{" + i + "\\}", "g");

			// Replace the placeholder
			svg = svg.replace(regex, Math.floor(Date.now() * Math.random()).toString());
		}
	}

	// Get the icon element
	let elDiv = document.createElement("div");
	elDiv.innerHTML = svg;
	let icon = elDiv.firstChild as HTMLElement;
	if (icon) {
	    // See if a class name exists
	    if (className) {
	      // Parse the class names
	      let classNames = className.split(' ');
	      for (let i = 0; i < classNames.length; i++) {
	        // Add the class name
	        icon.classList.add(classNames[i]);
	      }
	    }

	    // Make this icon invisible to the screen reader
	    icon.setAttribute("aria-hidden", "true");

	    // Set the height/width
	    icon.setAttribute("height", (height ? height : 32).toString());
	    icon.setAttribute("width", (width ? width : 32).toString());

	    // Update the styling
	    icon.style.pointerEvents = "none";

	    // Support for IE
	    icon.setAttribute("focusable", "false");
	}

	// Return the icon
	return icon;
}