1 files changed, 15 insertions, 0 deletions
diff --git a/stories/react/utils/InsertSVGIcons.js b/stories/react/utils/InsertSVGIcons.js
new file mode 100644
index 0000000..5a5e390
--- /dev/null
+++ b/stories/react/utils/InsertSVGIcons.js
@@ -0,0 +1,15 @@
+import {renderToStaticMarkup} from 'react-dom/server';
+import beautifyHTML from './BeautifyHTML.js';
+
+const insertSVGIcons = ({html, jsx, indentChar = '    '}) => {
+	let svgCode = renderToStaticMarkup(jsx).match(/(<svg\b[^<>]*>)[\s\S]*?(<\/svg>)/g);
+	let newHTML = html.replace(/\s*<!-- insert SVG -->/g, str => {
+		let html = '\n' + svgCode.shift();
+		let indentRegExp = new RegExp(`[${indentChar}]*`);
+		let startingIndentCount = str.slice(2).match(indentRegExp)[0].length / indentChar.length;
+		return beautifyHTML({html, startingIndentCount, indentChar});
+	});
+	return newHTML;
+};
+
+export default insertSVGIcons;