); } `,__src__:"registry/default/example/preview-md-demo.tsx",children:(0,n.jsxs)(l.code,{"data-language":"tsx","data-theme":"default",children:[(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"/*"}),(0,n.jsx)(l.span,{style:{color:"#FFF4"},children:" eslint-disable prettier/prettier "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"*/"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPlugins "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:'"@udecode/plate-core"'}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Prism "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'prismjs'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'prismjs/components/prism-markdown'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" React "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'react'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" editableProps "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/editableProps'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" plateUI "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/plateUI'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" basicNodesPlugins "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/plugins/basicNodesPlugins'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" previewMdValue "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/plate/demo/values/previewMdValue'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPluginFactory"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" isText"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Plate"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" TRenderLeafProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" TText"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Value"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:'"@udecode/plate-common"'}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" cn "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@udecode/cn'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"import"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Editor "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"from"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'@/components/plate-ui/editor'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"/**"})}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF4"},children:" * Decorate texts with markdown preview."})}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF4"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"*/"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" decoratePreview "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(["}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"node"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" path"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"]:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"[]"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"[];"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(!"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"isText"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"node"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"))"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"getLength"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(typeof"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'string'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(typeof"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"content "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"==="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'string'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"content"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"length"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"content"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"reduce"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"l"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" t"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" any"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"=>"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" l "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"+"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" getLength"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"t"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"),"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"0);"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"};"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" tokens "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Prism"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"tokenize"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"node"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"text"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" Prism"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"languages"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"markdown"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"let"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"0;"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"for"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"of"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" tokens"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" length "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" getLength"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" end "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"+"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" length"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"if"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"(typeof"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" token "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"!=="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'string'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"push"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"["}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"token"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"type"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"]:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"true,"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" anchor"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" path"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" offset"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"},"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" focus"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" path"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" offset"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" end "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"},"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"});"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" start "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" end"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" ranges"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"};"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPreviewPlugin "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPluginFactory"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" key"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'preview-md'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" decorate"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" decoratePreview"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"});"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" plugins "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPlugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"([..."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"basicNodesPlugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" createPreviewPlugin"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"()],"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" components"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" plateUI"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"});"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"PreviewLeaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"({"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" attributes"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" leaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" children"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"TRenderLeafProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"Value"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"TText"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" list"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" italic"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" hr"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" code"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" bold"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" blockquote"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"?:"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" boolean"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:">)"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" title"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" list"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" italic"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" hr"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" code"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" bold"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" blockquote "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" leaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:";"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"span"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{..."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"attributes"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" className"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"cn"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" bold "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'font-bold'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" italic "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'italic'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" title "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'mx-0 mb-2.5 mt-5 inline-block text-[20px] font-bold'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" list "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'pl-2.5 text-[20px] leading-[10px]'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" hr "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'block border-b-2 border-[#ddd] text-center'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" blockquote "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'inline-block border-l-2 border-[#ddd] pl-2.5 italic text-[#aaa]'"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" code "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"&&"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"'bg-[#eee] p-[3px] font-mono'"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:")}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"children"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:""})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"const"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" _editableProps "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"..."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"editableProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" renderLeaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:":"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" PreviewLeaf"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:","})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"};"})}),` `,(0,n.jsx)(l.span,{className:"line",children:" "}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"export"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"function"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF",fontWeight:"bold"},children:"PreviewMdDemo"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"()"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"return"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"("})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"div className"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"="}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:'"p-10"'}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:">"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Plate plugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"plugins"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" initialValue"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"={"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"previewMdValue"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}>"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"<"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"Editor "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"{..."}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:"_editableProps"}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"}),(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"/>"})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:""})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:""})]}),` `,(0,n.jsxs)(l.span,{className:"line",children:[(0,n.jsx)(l.span,{style:{color:"#FFF"},children:" "}),(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:");"})]}),` `,(0,n.jsx)(l.span,{className:"line",children:(0,n.jsx)(l.span,{style:{color:"#FFF8"},children:"}"})})]})})})})}function P(e={}){let{wrapper:l}=e.components||{};return l?(0,n.jsx)(l,Object.assign({},e,{children:(0,n.jsx)(t,e)})):t(e)}var k=P;function x(e,l){throw new Error("Expected "+(l?"component":"object")+" `"+e+"` to be defined: you likely forgot to import, pass, or provide it.")}return g(w);})(); ;return Component;

Preview Markdown

👀 Preview Markdown