https://safepay-docs.netlify.app/_next/static/chunks/pages/components/Text/Code-c9e9c886a36b310a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1090],{19002:(e,t,n)=>{"use strict";n.d(t,{B:()=>h});var r=n(18153),l=n(99079),a=n(70724),s=n(50532),i=n(71275),c=n(66907),d=n(58260),o=n(88604);let h=e=>{let{cmd:t,cmdCopy:n,hideOverflow:a,title:o="Terminal"}=e;return(0,r.FD)(s.Y,{className:"terminal-snippet [li_&]:mt-4",children:[(0,r.Y)(c.L,{alwaysDark:!0,title:o,Icon:l.A,children:function(e){let{cmd:t,cmdCopy:n}=e,l=n||function(e){let t=e.filter(e=>!e.startsWith("#")&&""!==e);if(1===t.length)return t[0].startsWith("$")?t[0].slice(2):t[0]}(t);return l&&(0,r.Y)(d.e,{alwaysDark:!0,text:l})}({cmd:t,cmdCopy:n})}),(0,r.Y)(i.R,{alwaysDark:!0,hideOverflow:a,className:"flex flex-col",children:t.map(p)})]})};function p(e,t){let n="line-".concat(t);return""===e.trim()?(0,r.Y)("br",{className:"select-none"},n):e.startsWith("#")?(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none select-none !text-palette-gray10",children:e},n):e.startsWith("$")?(0,r.FD)("div",{children:[(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none select-none !text-secondary",children:"-\xa0"}),(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none text-default",dangerouslySetInnerHTML:{__html:a.My.highlight(e.substring(1).trim(),a.My.languages.bash,"bash")}})]},n):(0,r.Y)(o.Sq,{className:"whitespace-pre !bg-[transparent] !border-none text-default",children:e},n)}},19316:(e,t,n)=>{"use strict";n.a(e,async(e,r)=>{try{n.r(t),n.d(t,{__N_SSG:()=>d,default:()=>h,headings:()=>u,meta:()=>p});var l=n(37876),a=n(91668),s=n(94275),i=n(88604),c=e([s]);s=(c.then?(await c)():c)[0];var d=!0;let p={title:"Code"},u=[{depth:2,type:"text",title:"Usage"},{depth:2,type:"text",title:"Rendered Example"},{depth:2,type:"text",title:"Props"}];function o(e){let t={code:"code",h2:"h2",p:"p",pre:"pre",...(0,a.R)(),...e.components};return(0,l.jsxs)(l.Fragment,{children:[(0,l.jsxs)(t.p,{children:["The ",(0,l.jsx)(t.code,{children:"CODE"})," component is used to render inline code snippets within text content, highlighting code references or commands in a distinct visual style."]}),"\n",(0,l.jsx)(t.h2,{id:"usage",children:"Usage"}),"\n",(0,l.jsx)(s.hc,{label:"CODE Component Usage",children:(0,l.jsx)(t.pre,{children:(0,l.jsx)(t.code,{className:"language-jsx",children:"import React from 'react';\nimport { CODE } from '~/ui/components/Text';\n\nexport default function App() {\n  return (\n    <div>\n      <p>Use the <CODE>npm install</CODE> command to install dependencies.</p>\n    </div>\n  );\n}\n"})})}),"\n",(0,l.jsx)(t.h2,{id:"rendered-example",children:"Rendered Example"}),"\n",(0,l.jsxs)("p",{children:["Example: Use the ",(0,l.jsx)(i.Sq,{children:"npm install"})," command to install dependencies."]}),"\n",(0,l.jsx)(t.h2,{id:"props",children:"Props"}),"\n",(0,l.jsxs)(t.p,{children:["The ",(0,l.jsx)(t.code,{children:"CODE"})," component accepts all standard HTML attributes for inline elements, providing flexibility for customization."]})]})}function h(){let e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},{wrapper:t}={...(0,a.R)(),...e.components};return t?(0,l.jsx)(t,{...e,children:(0,l.jsx)(o,{...e})}):o(e)}r()}catch(e){r(e)}})},19618:(e,t,n)=>{"use strict";n.d(t,{b:()=>p});var r=n(18153),l=n(74206),a=n(14232),s=n(27013),i=n(50532),c=n(71275),d=n(66907),o=n(7404);let h=()=>Math.random().toString(36).slice(2,9),p=e=>{let{source:t,raw:n,filenameModifier:p=e=>e,showOperation:u=!1,collapseDeletedFiles:m=!1,SnippetHeaderComponent:x=d.L}=e,[f,g]=(0,a.useState)(n?(0,s.FR)(n):null);return((0,a.useEffect)(()=>{t&&(async()=>{let e=await fetch(t),n=await e.text();g((0,s.FR)(n))})()},[t]),f)?(0,r.Y)(r.FK,{children:f.map(e=>{let{oldRevision:t=h(),newRevision:n=h(),type:a,hunks:d,newPath:f,oldPath:g}=e;return d.length?(0,r.FD)(i.Y,{children:[(0,r.Y)(x,{title:"".concat(p("delete"===a?g:f)),Icon:l.A,operationType:a,showOperation:u,float:m&&"delete"===a,children:(0,r.Y)(o.C,{})}),m&&"delete"===a?null:(0,r.Y)(c.R,{className:"p-0",hideOverflow:!0,children:(0,r.Y)(s.oO,{viewType:"unified",diffType:a,hunks:d,children:e=>e.map(e=>(0,r.Y)(s.D9,{hunk:e},e.content))})})]},t+"-"+n):null})}):null}}

1,61352:(e,t,n)=>{"use strict";n.a(e,async(e,r)=>{try{n.d(t,{h:()=>x});var l=n(18153),a=n(82102),s=n(32972),i=n(14232),c=n(50532),d=n(71275),o=n(66907),h=n(92823),p=n(58260),u=n(7404),m=e([h]);h=(m.then?(await m)():m)[0];let x=e=>{let{label:t,buttonTitle:n,contentHidden:r,children:m}=e,x=(0,i.useRef)(null),[f,g]=(0,i.useState)(!1);return(0,i.useEffect)(()=>g(!0),[]),(0,l.FD)(c.Y,{className:"flex flex-col mb-3 prose-pre:!m-0 prose-pre:!border-0",children:[(0,l.Y)(o.L,{title:t||"Example",Icon:s.A,children:(0,l.FD)("div",{className:"contents",children:[(0,l.Y)(p.e,{text:(0,h.e6)((x.current&&x.current.textContent||"").replace(/%%placeholder-start%%.*%%placeholder-end%%/g,""))}),(0,l.Y)(u.C,{})]})}),(0,l.Y)(d.R,{ref:x,className:(0,a.zP)("p-0",r&&"hidden"),children:m})]})};r()}catch(e){r(e)}})},94275:(e,t,n)=>{"use strict";n.a(e,async(e,r)=>{try{n.d(t,{BK:()=>a.B,bk:()=>l.b,hc:()=>s.h});var l=n(19618),a=n(19002),s=n(61352),i=e([s]);s=(i.then?(await i)():i)[0],r()}catch(e){r(e)}})},97320:(e,t,n)=>{(window.__NEXT_P=window.__NEXT_P||[]).push(["/components/Text/Code",function(){return n(19316)}])}},e=>{e.O(0,[7784,636,6593,8792],()=>e(e.s=97320)),_N_E=e.O()}]);