1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[674],{25933:()=>{},30465:()=>{},38871:(e,t,r)=>{"use strict";r.d(t,{A:()=>f});var n=r(23798),s=r(21462),o=r(93156),a=r(93058),l=r(980),i=r(16983),c=r(98629),d=r(84546),p=r(5357),u=r(43428);let m=(e,{tpl:t})=>t` 2${e.imports}; 3 4${e.interfaces}; 5 6const ${e.componentName} = (${e.props}) => ( 7 ${e.jsx} 8); 9 10${e.exports}; 11`,x=async(e,t,r)=>{try{let n=c.pd.sync(e.replace(/<!\[CDATA\[([\s\S]*?)\]\]>/g,(e,t)=>t.replace(/&/g,"&").replace(/</g,"<")),{native:t,svgo:!1,template:m,typescript:r.typescript},{componentName:"SVGComponent"});return await (0,l.GP)(n,{parser:"babel-ts",plugins:[o.A,a.Ay],semi:!r.semicolons,jsxSingleQuote:r.singlequotes})}catch(e){return console.log(e),""}},f=e=>{let[t,r]=(0,s.useState)(""),{svgText:o,native:a,toggleOptions:l,shouldDownload:c,downloadFile:m}=e;return(0,s.useEffect)(()=>{let e=!1;return x(o,a,l).then(t=>{e||r(t)}),()=>{e=!0}},[o,a,l]),(0,s.useEffect)(()=>{c&&m(t)},[c,m,t]),(0,n.jsxs)("div",{className:"flex min-h-0 flex-1 flex-col",children:[(0,n.jsx)("div",{className:"min-h-0 flex-1",children:(0,n.jsx)(d.A,{mode:"jsx",language:i.W6,value:t,readOnly:!0})}),(0,n.jsxs)("div",{className:"flex h-14 shrink-0 items-center justify-end gap-2 border-neutral-200 border-t bg-white p-3 max-md:sticky max-md:bottom-0 dark:border-neutral-700 dark:bg-neutral-800",children:[(0,n.jsx)(p.A,{handleCopyButton:()=>{navigator.clipboard.writeText(t)},react:!0}),(0,n.jsx)(u.A,{onClickDownload:e.onClickDownload,format:"JSX"})]})]})}},55223:(e,t,r)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/svg-to-react-native-jsx",function(){return r(94439)}])},60130:()=>{},64639:()=>{},69238:()=>{},82204:e=>{function t(e){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=82204,e.exports=t},88166:()=>{},94439:(e,t,r)=>{"use strict";r.r(t),r.d(t,{default:()=>d});var n=r(23798),s=r(64949),o=r(38871),a=r(89162),l=r(95343),i=r.n(l),c=r(34985);let d=()=>(0,n.jsxs)(a.A,{name:"Homepage",children:[(0,n.jsxs)(i(),{children:[(0,n.jsx)("title",{children:"Convert SVG to React Native JSX - SVG Viewer"}),(0,n.jsx)("meta",{name:"description",content:"Convert SVG to React Native JSX online."})]}),(0,n.jsx)(s.A,{isValid:!0,outputType:c.A.reactNative,OutputComponent:o.A})]})},98327:e=>{function t(e){var t=Error("Cannot find module '"+e+"'");throw t.code="MODULE_NOT_FOUND",t}t.keys=()=>[],t.resolve=t,t.id=98327,e.exports=t}},e=>{e.O(0,[593,946,799,927,978,762,285,698,462,636,792],()=>e(e.s=55223)),_N_E=e.O()}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.