@useloops/design-system
Version:
The official React based Loops design system
2 lines (1 loc) • 1.01 kB
JavaScript
"use strict";var e=require("react/jsx-runtime"),r=require("@mui/material"),i=require("html-react-parser"),n=require("../Typography/Typography.js");function o(e){return e&&e.__esModule?e:{default:e}}var t=o(i);module.exports=({children:o,typographyProps:l={variation:"lg",component:"p"}})=>{const a=(e=>{const r=e.replaceAll(/<p><\/p>/g,"<br />");return/<(p|div|h[1-6]|ul|ol|li|blockquote)[\s>]/i.test(r)?r:`<p>${r}</p>`})(o),c={replace(o){const t=o;if(t.attribs){if("p"===t.name)return e.jsx(n,{...l,children:i.domToReact(t.children,c)});if("ul"===t.name)return e.jsx(r.Box,{component:"ul",sx:{margin:0,pl:4},children:i.domToReact(t.children,c)});if("ol"===t.name)return e.jsx(r.Box,{component:"ol",sx:{margin:0,pl:4},children:i.domToReact(t.children,c)});if("li"===t.name)return e.jsx(r.Box,{component:"li",sx:{...l?.sx||{},fontSize:"inherit",lineHeight:"inherit"},children:i.domToReact(t.children,c)})}}};return e.jsx(r.Box,{sx:{overflowWrap:"break-word",whiteSpace:"pre-wrap"},children:t.default(a,c)})};