(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[882],{12756:function(t){function e(t){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}e.keys=function(){return[]},e.resolve=e,e.id=12756,t.exports=e},42424:function(t){function e(t){var e=new Error("Cannot find module '"+t+"'");throw e.code="MODULE_NOT_FOUND",e}e.keys=function(){return[]},e.resolve=e,e.id=42424,t.exports=e},32964:function(t,e,n){"use strict";var o,r=n(71383),i=n(11720),c=n(32059),a=n(94935),u=n(14990),s=n(9966),p=n(34124),l=n(58372),d=n(53658),f=n(37130),v=n.n(f),_=n(97997);const m=(t,e)=>{let{tpl:n}=e;return n(o||(o=(0,r.Z)(["\n",";\n\n",";\n\nconst "," = (",") => (\n  ","\n);\n\n",";\n"])),t.imports,t.interfaces,t.componentName,t.props,t.jsx,t.exports)};e.Z=t=>{const{0:e,1:n}=(0,i.useState)(""),o=async()=>{try{const e=c.vs.sync(t.svgText.replace(/<!\[CDATA\[(.|\n)*\]>/g,""),{native:t.native,svgo:!1,template:m,typescript:t.toggleOptions.typescript},{componentName:"SVGComponent"}),o=await(0,a.WU)(e,{parser:"babel-ts",plugins:[u.Z,s.ZP],semi:!t.toggleOptions.semicolons,jsxSingleQuote:t.toggleOptions.singlequotes});n(o)}catch(e){console.log(e),n("")}},{shouldDownload:r,downloadFile:f}=t;return(0,i.useEffect)((()=>{o(),r&&f(e)}),[r,f,t.svgText]),(0,i.useEffect)((()=>{o()}),[t.toggleOptions]),(0,_.BX)("div",{className:v().outputReact,children:[(0,_.tZ)("div",{className:v().codemirrorContainer,children:(0,_.tZ)(p.Z,{mode:"jsx",value:e,readOnly:!0})}),(0,_.BX)("div",{className:v().outputReactFooter,children:[(0,_.tZ)(l.Z,{handleCopyButton:()=>{navigator.clipboard.writeText(e)},react:!0}),(0,_.tZ)(d.Z,{onClickDownload:t.onClickDownload,format:"JSX"})]})]})}},88136:function(t,e,n){"use strict";n.r(e);n(11720);var o=n(21111),r=n(73319),i=n(9008),c=n.n(i),a=n(44250),u=n(32964),s=n(97997);e.default=()=>(0,s.BX)(r.Z,{name:"Homepage",children:[(0,s.BX)(c(),{children:[(0,s.tZ)("title",{children:"Convert SVG to React Native JSX - SVG Viewer"}),(0,s.tZ)("meta",{name:"description",content:"Convert SVG to React Native JSX online."})]}),(0,s.tZ)(o.Z,{isValid:!0,outputType:a.Z.reactNative,OutputComponent:u.Z})]})},97100:function(t,e,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/svg-to-react-native-jsx",function(){return n(88136)}])},37130:function(t){t.exports={outputReact:"output-type-react_outputReact__Fe9AY",outputReactFooter:"output-type-react_outputReactFooter__YvEAK",codemirrorContainer:"output-type-react_codemirrorContainer__teDSz"}},33770:function(){},72950:function(){},33947:function(){},48720:function(){},11504:function(){},9616:function(){}},function(t){t.O(0,[762,797,724,28,966,889,69,271,774,888,179],(function(){return e=97100,t(t.s=e);var e}));var e=t.O();_N_E=e}]);