ant-design/402a1d31-async.068093ee.js

(("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd=("undefined"!=typeof globalThis?globalThis:self).makoChunk_antd||[]).push([["402a1d31"],{"2dbc504b":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"texts",{enumerable:!0,get:function(){return r;}}),t("8eeae822");let r=[{value:"antd",paraId:0},{value:" is built to implement ",paraId:0},{value:"a set of high-quality React UI components",paraId:1},{value:" which follow Ant Design specification. It is impossible to include all useful components in one package, so we also recommend that using other great third-party libraries in React community.",paraId:0},{value:"Category",paraId:2},{value:"Recommended Components",paraId:2},{value:"Visualization and charts",paraId:2},{value:"Ant Design Charts",paraId:2},{value:" ",paraId:2},{value:"AntV Data Visualization",paraId:2},{value:"React Hooks Library",paraId:2},{value:"ahooks",paraId:2},{value:"React Form Library",paraId:2},{value:"ProForm",paraId:2},{value:" ",paraId:2},{value:"Formily",paraId:2},{value:" ",paraId:2},{value:"react-hook-form",paraId:2},{value:" ",paraId:2},{value:"formik",paraId:2},{value:"Router",paraId:2},{value:"react-router",paraId:2},{value:"Layout",paraId:2},{value:"react-grid-layout",paraId:2},{value:" ",paraId:2},{value:"react-grid-system",paraId:2},{value:" ",paraId:2},{value:"rc-dock",paraId:2},{value:"Drag and drop",paraId:2},{value:"dnd-kit",paraId:2},{value:" ",paraId:2},{value:"react-beautiful-dnd",paraId:2},{value:" ",paraId:2},{value:"react-dnd",paraId:2},{value:"Code Editor",paraId:2},{value:"react-codemirror2",paraId:2},{value:" ",paraId:2},{value:"react-monaco-editor",paraId:2},{value:"Rich Text Editor",paraId:2},{value:"react-quill",paraId:2},{value:"JSON Viewer",paraId:2},{value:"react-json-view",paraId:2},{value:"Color Picker",paraId:2},{value:"react-colorful",paraId:2},{value:" ",paraId:2},{value:"react-color",paraId:2},{value:"Media Query",paraId:2},{value:"react-responsive",paraId:2},{value:"Copy to clipboard",paraId:2},{value:"react-copy-to-clipboard",paraId:2},{value:"Document head manager",paraId:2},{value:"react-helmet-async",paraId:2},{value:"Icons",paraId:2},{value:"react-fontawesome",paraId:2},{value:" ",paraId:2},{value:"react-icons",paraId:2},{value:"QR Code",paraId:2},{value:"qrcode.react",paraId:2},{value:"Top Progress Bar",paraId:2},{value:"react-nprogress",paraId:2},{value:"i18n",paraId:2},{value:"FormatJS",paraId:2},{value:" ",paraId:2},{value:"react-i18next",paraId:2},{value:"Code highlight",paraId:2},{value:"react-syntax-highlighter",paraId:2},{value:"Markdown renderer",paraId:2},{value:"react-markdown",paraId:2},{value:"Infinite Scroll",paraId:2},{value:"rc-virtual-list",paraId:2},{value:" ",paraId:2},{value:"react-infinite-scroll-component",paraId:2},{value:"Map",paraId:2},{value:"google-map-react",paraId:2},{value:" ",paraId:2},{value:"@uiw/react-amap",paraId:2},{value:"Video",paraId:2},{value:"react-player",paraId:2},{value:" ",paraId:2},{value:"video-react",paraId:2},{value:" ",paraId:2},{value:"video.js",paraId:2},{value:"Context Menu",paraId:2},{value:"react-contexify",paraId:2},{value:"Emoji",paraId:2},{value:"emoji-picker-react",paraId:2},{value:" ",paraId:2},{value:"emoji-mart",paraId:2},{value:"Split View",paraId:2},{value:"react-split-pane",paraId:2},{value:" ",paraId:2},{value:"react-resizable-panels",paraId:2},{value:"Image Crop",paraId:2},{value:"antd-img-crop",paraId:2},{value:" ",paraId:2},{value:"react-image-crop",paraId:2},{value:"Keywords highlight",paraId:2},{value:"react-highlight-words",paraId:2},{value:"Text Loop",paraId:2},{value:"react-text-loop-next",paraId:2},{value:" ",paraId:2},{value:"react-fast-marquee",paraId:2},{value:"Animation",paraId:2},{value:"motion",paraId:2},{value:" ",paraId:2},{value:"Ant Motion",paraId:2},{value:" ",paraId:2},{value:"react-spring",paraId:2},{value:"Page Footer",paraId:2},{value:"rc-footer",paraId:2},{value:"Number/Currency",paraId:2},{value:"react-countup",paraId:2},{value:" ",paraId:2},{value:"react-number-format",paraId:2},{value:" ",paraId:2},{value:"react-currency-input-field",paraId:2},{value:"Application Frameworks",paraId:2},{value:"umi",paraId:2},{value:" ",paraId:2},{value:"remix",paraId:2},{value:" ",paraId:2},{value:"refine",paraId:2},{value:"Flow-based UI",paraId:2},{value:"reactflow",paraId:2},{value:" ",paraId:2},{value:"x6",paraId:2},{value:"Phone Input",paraId:2},{value:"react-phone-number-input",paraId:2},{value:" ",paraId:2},{value:"antd-phone-input",paraId:2},{value:"AI Chat",paraId:2},{value:"Ant Design X",paraId:2},{value:"PDF",paraId:2},{value:"react-pdf",paraId:2},{value:" ",paraId:2},{value:"@react-pdf/renderer",paraId:2},{value:"React Gesture",paraId:2},{value:"use-gesture",paraId:2},{value:"There are some products to recommend for developer/designer/product manager.",paraId:3,tocIndex:0},{value:"Category",paraId:4,tocIndex:0},{value:"Recommended Products",paraId:4,tocIndex:0},{value:"Documentation",paraId:4,tocIndex:0},{value:"\u{1F426} Yuque",paraId:4,tocIndex:0},{value:"Icon",paraId:4,tocIndex:0},{value:"Iconfont",paraId:4,tocIndex:0},{value:"Sketch plugin",paraId:4,tocIndex:0},{value:"Kitchen",paraId:4,tocIndex:0},{value:"Online Playground",paraId:4,tocIndex:0},{value:"codesandbox",paraId:4,tocIndex:0},{value:" ",paraId:4,tocIndex:0},{value:"codepen",paraId:4,tocIndex:0},{value:"Image Compressor",paraId:4,tocIndex:0},{value:"tinypng",paraId:4,tocIndex:0}];},"402a1d31":function(e,a,t){"use strict";t.d(a,"__esModule",{value:!0}),t.d(a,"default",{enumerable:!0,get:function(){return h;}});var r=t("777fffbe"),s=t("f19d2b93"),l=r._(t("67074e5d")),d=r._(t("97c488ea")),u=r._(t("c96b0d01")),c=t("5b220c3d"),n=t("9c86e52a"),i=t("2dbc504b"),h=function(){return(0,s.jsx)(n.DumiPage,{children:(0,s.jsx)(c.Suspense,{fallback:(0,s.jsx)(u.default,{}),children:(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:"markdown",children:[(0,s.jsxs)("p",{children:[(0,s.jsx)("code",{children:i.texts[0].value}),i.texts[1].value,(0,s.jsx)(d.default,{to:"/components/overview",sourceType:"Link",children:i.texts[2].value}),i.texts[3].value]}),(0,s.jsxs)(l.default,{children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:i.texts[4].value}),(0,s.jsx)("th",{children:i.texts[5].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[6].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://charts.ant.design",sourceType:"a",children:i.texts[7].value}),i.texts[8].value,(0,s.jsx)(d.default,{href:"https://antv.vision/en",sourceType:"a",children:i.texts[9].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[10].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/alibaba/hooks",sourceType:"a",children:i.texts[11].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[12].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://procomponents.ant.design/components/form",sourceType:"a",children:i.texts[13].value}),i.texts[14].value,(0,s.jsx)(d.default,{href:"https://github.com/alibaba/formily",sourceType:"a",children:i.texts[15].value}),i.texts[16].value,(0,s.jsx)(d.default,{href:"https://github.com/react-hook-form/react-hook-form",sourceType:"a",children:i.texts[17].value}),i.texts[18].value,(0,s.jsx)(d.default,{href:"https://github.com/formium/formik",sourceType:"a",children:i.texts[19].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[20].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/ReactTraining/react-router",sourceType:"a",children:i.texts[21].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[22].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/react-grid-layout/react-grid-layout",sourceType:"a",children:i.texts[23].value}),i.texts[24].value,(0,s.jsx)(d.default,{href:"https://github.com/sealninja/react-grid-system",sourceType:"a",children:i.texts[25].value}),i.texts[26].value,(0,s.jsx)(d.default,{href:"https://github.com/ticlo/rc-dock",sourceType:"a",children:i.texts[27].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[28].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/clauderic/dnd-kit",sourceType:"a",children:i.texts[29].value}),i.texts[30].value,(0,s.jsx)(d.default,{href:"https://github.com/atlassian/react-beautiful-dnd/",sourceType:"a",children:i.texts[31].value}),i.texts[32].value,(0,s.jsx)(d.default,{href:"https://github.com/gaearon/react-dnd",sourceType:"a",children:i.texts[33].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[34].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/scniro/react-codemirror2",sourceType:"a",children:i.texts[35].value}),i.texts[36].value,(0,s.jsx)(d.default,{href:"https://github.com/react-monaco-editor/react-monaco-editor",sourceType:"a",children:i.texts[37].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[38].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/zenoamaro/react-quill",sourceType:"a",children:i.texts[39].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[40].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/mac-s-g/react-json-view",sourceType:"a",children:i.texts[41].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[42].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/omgovich/react-colorful",sourceType:"a",children:i.texts[43].value}),i.texts[44].value,(0,s.jsx)(d.default,{href:"https://casesandberg.github.io/react-color/",sourceType:"a",children:i.texts[45].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[46].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/contra/react-responsive",sourceType:"a",children:i.texts[47].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[48].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/nkbt/react-copy-to-clipboard",sourceType:"a",children:i.texts[49].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[50].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/staylor/react-helmet-async",sourceType:"a",children:i.texts[51].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[52].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/FortAwesome/react-fontawesome",sourceType:"a",children:i.texts[53].value}),i.texts[54].value,(0,s.jsx)(d.default,{href:"https://github.com/gorangajic/react-icons",sourceType:"a",children:i.texts[55].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[56].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/zpao/qrcode.react",sourceType:"a",children:i.texts[57].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[58].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/tanem/react-nprogress",sourceType:"a",children:i.texts[59].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[60].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/formatjs/formatjs",sourceType:"a",children:i.texts[61].value}),i.texts[62].value,(0,s.jsx)(d.default,{href:"https://react.i18next.com",sourceType:"a",children:i.texts[63].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[64].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/conorhastings/react-syntax-highlighter",sourceType:"a",children:i.texts[65].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[66].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://remarkjs.github.io/react-markdown/",sourceType:"a",children:i.texts[67].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[68].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/react-component/virtual-list/",sourceType:"a",children:i.texts[69].value}),i.texts[70].value,(0,s.jsx)(d.default,{href:"https://github.com/ankeetmaini/react-infinite-scroll-component",sourceType:"a",children:i.texts[71].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[72].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/istarkov/google-map-react",sourceType:"a",children:i.texts[73].value}),i.texts[74].value,(0,s.jsx)(d.default,{href:"https://github.com/uiwjs/react-amap",sourceType:"a",children:i.texts[75].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[76].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/CookPete/react-player",sourceType:"a",children:i.texts[77].value}),i.texts[78].value,(0,s.jsx)(d.default,{href:"https://github.com/video-react/video-react",sourceType:"a",children:i.texts[79].value}),i.texts[80].value,(0,s.jsx)(d.default,{href:"https://docs.videojs.com/tutorial-react.html",sourceType:"a",children:i.texts[81].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[82].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/fkhadra/react-contexify",sourceType:"a",children:i.texts[83].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[84].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/ealush/emoji-picker-react",sourceType:"a",children:i.texts[85].value}),i.texts[86].value,(0,s.jsx)(d.default,{href:"https://github.com/missive/emoji-mart",sourceType:"a",children:i.texts[87].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[88].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/tomkp/react-split-pane",sourceType:"a",children:i.texts[89].value}),i.texts[90].value,(0,s.jsx)(d.default,{href:"https://github.com/bvaughn/react-resizable-panels",sourceType:"a",children:i.texts[91].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[92].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/nanxiaobei/antd-img-crop",sourceType:"a",children:i.texts[93].value}),i.texts[94].value,(0,s.jsx)(d.default,{href:"https://github.com/DominicTobias/react-image-crop",sourceType:"a",children:i.texts[95].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[96].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/bvaughn/react-highlight-words",sourceType:"a",children:i.texts[97].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[98].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/samarmohan/react-text-loop-next",sourceType:"a",children:i.texts[99].value}),i.texts[100].value,(0,s.jsx)(d.default,{href:"https://github.com/justin-chu/react-fast-marquee",sourceType:"a",children:i.texts[101].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[102].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/framer/motion",sourceType:"a",children:i.texts[103].value}),i.texts[104].value,(0,s.jsx)(d.default,{href:"https://motion.ant.design/components/tween-one",sourceType:"a",children:i.texts[105].value}),i.texts[106].value,(0,s.jsx)(d.default,{href:"https://github.com/pmndrs/react-spring",sourceType:"a",children:i.texts[107].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[108].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/react-component/footer",sourceType:"a",children:i.texts[109].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[110].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://www.npmjs.com/package/react-countup",sourceType:"a",children:i.texts[111].value}),i.texts[112].value,(0,s.jsx)(d.default,{href:"https://github.com/s-yadav/react-number-format",sourceType:"a",children:i.texts[113].value}),i.texts[114].value,(0,s.jsx)(d.default,{href:"https://github.com/cchanxzy/react-currency-input-field",sourceType:"a",children:i.texts[115].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[116].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/umijs/umi/",sourceType:"a",children:i.texts[117].value}),i.texts[118].value,(0,s.jsx)(d.default,{href:"https://github.com/remix-run/remix",sourceType:"a",children:i.texts[119].value}),i.texts[120].value,(0,s.jsx)(d.default,{href:"https://github.com/pankod/refine",sourceType:"a",children:i.texts[121].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[122].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://reactflow.dev/",sourceType:"a",children:i.texts[123].value}),i.texts[124].value,(0,s.jsx)(d.default,{href:"https://github.com/antvis/x6",sourceType:"a",children:i.texts[125].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[126].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://gitlab.com/catamphetamine/react-phone-number-input",sourceType:"a",children:i.texts[127].value}),i.texts[128].value,(0,s.jsx)(d.default,{href:"https://github.com/ArtyomVancyan/antd-phone-input/",sourceType:"a",children:i.texts[129].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[130].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://github.com/ant-design/x",sourceType:"a",children:i.texts[131].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[132].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://github.com/diegomura/react-pdf",sourceType:"a",children:i.texts[133].value}),i.texts[134].value,(0,s.jsx)(d.default,{href:"https://github.com/diegomura/react-pdf",sourceType:"a",children:i.texts[135].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[136].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://use-gesture.netlify.app",sourceType:"a",children:i.texts[137].value})})]})]})]}),(0,s.jsxs)("h2",{id:"products-we-are-using-",children:[(0,s.jsx)(d.default,{"aria-hidden":"true",tabIndex:"-1",href:"#products-we-are-using-",sourceType:"a",children:(0,s.jsx)("span",{className:"icon icon-link"})}),"Products we are using \u2728"]}),(0,s.jsx)("p",{children:i.texts[138].value}),(0,s.jsxs)(l.default,{children:[(0,s.jsx)("thead",{children:(0,s.jsxs)("tr",{children:[(0,s.jsx)("th",{children:i.texts[139].value}),(0,s.jsx)("th",{children:i.texts[140].value})]})}),(0,s.jsxs)("tbody",{children:[(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[141].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://www.yuque.com/?chInfo=ch_antd",sourceType:"a",children:i.texts[142].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[143].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://www.iconfont.cn/",sourceType:"a",children:i.texts[144].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[145].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://kitchen.alipay.com",sourceType:"a",children:i.texts[146].value})})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[147].value}),(0,s.jsxs)("td",{children:[(0,s.jsx)(d.default,{href:"https://codesandbox.io/",sourceType:"a",children:i.texts[148].value}),i.texts[149].value,(0,s.jsx)(d.default,{href:"https://codepen.io/",sourceType:"a",children:i.texts[150].value})]})]}),(0,s.jsxs)("tr",{children:[(0,s.jsx)("td",{children:i.texts[151].value}),(0,s.jsx)("td",{children:(0,s.jsx)(d.default,{href:"https://tinypng.com/",sourceType:"a",children:i.texts[152].value})})]})]})]}),(0,s.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n.markdown table td:first-child {\n  width: 20%;\n  font-weight: 500;\n}\n.markdown table td > a:not(:last-child) {\n  margin-inline-end: 18px;\n}\n.markdown table td > a:not(:last-child)::after {\n  position: absolute;\n  margin: 0 6px 0 8px;\n  color: #bbb;\n  content: '|';\n  pointer-events: none;\n}\n"}})]})})})});};}}]);