react-demo-tab/dist/index.umd.js

Easily create React demo components

var A,e;A=this,e=function(A,e,t,n,s,a){"use strict";A.DemoTab=({code:A,style:h,codeExt:c="jsx",styleExt:v="css",children:l})=>{const[i,b]=t.useLocalStorage("react-demo-tab",{mainTabIndex:0,codeTabIndex:0}),d="css"===v?"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAACMCAMAAAC9K/yJAAABKVBMVEUAAAAAAADQ0ND+//8AAAAAcbwAcLsAcbv+/v8MeL37/v4AAAACecEJgscAcLsAcbsAAAAAcbwAcLwAAAAAcbr///8AAADP0NBkn8XO0NAiqeDp9vw+teSAz+2TtcsZnNe+yM4AcLzi9Pofpd0AcbsAcLsAAAAAb7wAAAAAcbgAgdYRjs2W1vArreC8x84FdLsTks8dotoAcbtenMT8/v/7/f5Bj8IVk9G2xM5VmcTKztDEys/3/P4jg7/n9fxDteWJ0u41icEjqN8andhNlMNXvubo9vxjxOgPi8xYvucAcbsAAAAKhMgAcbtupMYAAAAAcbsAcrsAAAAAAAAAAAAAcLoAb74Ab7wAcbsAAAAAAAAAAAAAcLsAZrsAcbskq+D////Q0NAAAABBePDhAAAAXnRSTlMATf745vztfPLx7Ozo38S9uWRLQ0D8+ff38vHw7Ojm4+Hh4ODSdVU3Lx4D/Pv5+fj29PTv7e3r6urq6eno6Ofn5ubl4uLh4N/f3NfX1s7Kxq2koIN1a15XVkg9OCkPv6sWpAAAArNJREFUaN7t2mdX2zAUgOFbIKNJgCYNG8ouhe699957t9ct//9H1OWEBlWy7pWsqxbj92M++DlyZEnOCZja1AI4YvpwUw8M/V/I1xjIlxjIwRjIZxkElPaZLkFclkbGYyBDGiJwu57GQF7GQA7ERfTema4XGnkbBuk13mw2h9JA7Y3pertlWTlcGIR9u8rKyvzCCJWISzU4g+IBtFE80/TaO0jCrTDIcgxkOAaChUNep0hFGllPkVVpBH5XIjmQn2Q/qCIid2IgwzEQFEWWYiD3VeS5AKJNrs4WMqogC6ER2GpNQU7KIIBKxUEuTQkjdFflkf5ISOOUJ8K4XTPJdhUf5DLjO5lN+qE7wvnizVtWlYswZtdY1r7Y7iFPrMIFxhS+RWy+aR1iEBRC7PC9bIQeQbghtxlP/A0jwEYmGMvK8STJg3DWLovAQK5zFsjE3jyBHOKswmONa41GvT6YZpwILQI5SyC8AxGB7I+BYC7kgYrU/iCLAZG5jMkFHwMiSRYCJbIHkHkSmciPtEhkMj+CBOL8iv3PkVXoV5VCYEftYMhSNgLBkIcxkEQGmaUR+pGnkGOeyIILct6ALDOQSReE/PGGOEp4I8hAcFchr2Ig3xSkFgg5p81g3oNyzwWZ80SuWBFyh+c/8mbkpgp4IGoDGqIDXoheZRtxOxB5vAdN0ceIoxRCH71oBAuHLMZAPoHaSBCkbp1c0OW/nBLjsCCAWi9oRAdoRO8EC3m8AyARcwNWZOYvgEQISEMGDQCJ8CDyR6K7JEJDCmCqRSJ0CRXGRKoxkA8ashIeAa1uKOQ0ZiMQBME0UeQZIooi05gmimCaKPIIEUWRabQHxt47IGjvO9jiIBfR2gowWsMcgUMVH2AUnFuXGYLeCA/oQM42hIbAH1BX+u+4VRCp1hc2QDKfmfoLdZwocDZ5yjoAAAAASUVORK5CYII=":"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIAAAABgCAMAAADipIp7AAAAjVBMVEUAAADNZ5nMaZbMZ5nNZ5nMZpnOZ5nNZ5nOZ5nNZ5nNZ5nNZ5nNZ5nNZ5nLZpnNZ5nNZ5nOZ5nNZ5nNZ5nNZ5nOZ5nOZ5nMZZrNZ5nNZ5nNZ5nOZ5nNZ5nNZ5nNZ5nNZ5nNZ5nNZ5nNZ5nNZ5nNZpnNZ5nNZ5nOZ5nOZ5nNZ5nNZ5nOZ5nNZ5nNZ5nNZ5kS3QMaAAAALnRSTlMA+AgE8xgf5u44MdXLig3hm1/q3KyDKhK+p2VVRLeQfM+gWms+w3JQJZR4yLFLXfykSgAABztJREFUaN69WteiojAQTUKVJqiogIi9y/9/3i6kUqV4nZddlTD9TMkFfQkZnr9fm1M91XVtF7uXzQr8jJTovoNphSzbAD8g9fJMG8k8IvCntDo+03aahuDvaBPA9DOtVfAn5IS7tBvNJuD7pNhy2pnkr0twc2ETr6llWU9TK36rKd+N+30daz32I8NhDjLCvc5/XHzT+HdY1ft1XNZgU2SxJ07fYo8SuaL6/t2Y7CF9OvgS/+u8kmRRK9RMiASy8xXnx2Xl7dunMwfy6DcS4Viyvvboohax2XG8+usS+44wb+PH/dHe14vGf3StMh4+sB0Z/PcCe+h3j6k3PmKPM79V4L/oXF54FCZj+Btaocb3A5UHPuWNqbqyaH27Z4tBUnc5nL8nQu+z74sQll6WBvOPRP7b3h1WOLYaRWLqDygpu5EhcIWC+WlV758DOhoa/0L87Qe8xJmOg6EVBvLh79iT1BnYEUkC/D8AGOKAcTCY4OMDawlvBrSBU9qSB+B9UOs6I6ejgQ4487ZHGiI/BXAXDKMDnyyUIfbXae1AAw1gpukIE4aQSq+OhsB4QP6746cinoL9X7GZjuev8j1D76PBN+bSY0rJqwmwsG1s5dk7v4HBxLWoSYFLIzAtxbE1GDONzJkWdRAD05dSo/zxLDbO43YjrAy+QA1t01QuTkXo5GPuTP2RIzlM23AMxTnE3MONcTNOURJYsDQyjh7FtFYBAHqlzQSDFvaKv9ZkOPc/ofuCmbJ98q5yj71VF3xZfmwmCZmNqmz1Cve5e/hQehW6vvvYDEGehk2Erts1LbmaFTyuau1TqrFEvMR1brAYmh8/FK2VqqrNQno7mA+T5dduPgMqpGaVxmyUyo4kVQKiLoM9oQsYTl6ppTv1KDDIpBVtNKLzirros7czqBN23TAdbbxIKQUIiVGNlgo2ZPRryuIOHlNdOfNtWNvVBNwAvWbFR2cJkE/MBQv+OheniiUf80A38hm2O+3q72o7eIP1FNwAbu6VWe/ZxFI+dsDV+N6ztpalACTLRrX3ekKbfFyhaAsNxxshhaFpmEeklSPgpWdun6h20PswgSUoM5hWNJ/MYcDLPirA6AtvyzlzL6oFOw3Ll5l5KxYvlP3wYFngZB8TlppYHcnw7CB+WlbsPjZNceYELHbVGv3pDoREvbWGa4Nl8QxptPb52b+ZCi41AToEhYIKX5H0acwp15DbQkQWB4q1NnO5TQLxhGtLlItMPGbrNZdsXr0IhkmFvNRfXuh5G3ClcjLYV0k1iPMUPNO9UQud64EfbaubGieR02LNvovA98IdrUoqWib9srL4gtbeTo4P+77YMV02DbmmUREdHD5H+gX1LZA0IetutOrzZjkpzb1z35AEHSc+/h6+G3qkQMSkK36YcsQy0o8qscYOx2J5TlfI2VVVy1xa2WgqTjp5kzI5E82n4hbOFWaZlUwzA81KJfk2bR76pKPetlJQCV8iiJysZKHBQ7rQySd5DopwvqW48l8gOG9suJda20pM2qacXAW8Rd2u9IcDBiHqcwcLlvDVH7xeUuKhKt00atL2HuFssLZtJhWLvUJgd1Vo7ky+eQpxIsgN29m2pcyb5vBFmDIWxUbeJKlul9adBvXHHoCwRQDwalxsnc6lxeFM+P9FGOY24no0oDKT1d/MAWDb7IL8tFXrnJhoOKVd3or6PCNT6D7WQmdyEfvAF44wadq2/ZTkusHJIZsP+SLl8L7kLdaJN9z4l0neeRCrwf9nnjkc4wNwRfYvcmOPY9UI8CbJu1DI8SNHHqOwUtEBiHkEqLPMRGsigI+TbwMxejXRM12XUXBPXn5g+bbliWcUZskzMHgKOGb2KK6SLi6QHnrA9ulQ0svr7RNWn+5lJjT0Iw4Dj4ypjF29YP6V4kxzyad4DbOPGsal5pboWhrepSQ7h3t+LsCau+BKgMfFSTBJcaQDHOyWM4H00iClJIdttxzFLEQLgvBG4TJ0zYMwIaGO5VlbDCbC7Jgy0dmlgdnh6hO9iqOY8iTtGK9dRyoAginOZzXjES9L5TnTfHY7yLwWXnPtXaxKY705KyL/OZFZQOc7gz+LZHj+0AkLwJBhlbnFDwh4YJ0N345Q64ijzx6S6A/C4iWVd4hbivJ82lL5cFL+ca10/qO4gnxSTN6IKgPXkfeXNBQlmoqnUus3PYBxt0ZwWV3eGEX8TU0JgGfhjupOtY+aMq7zmsavfilLJM4pvdmGeyHR7iZ4LezDmI3plvfcnF7iBlcyxVsNlJnARWAcVfcbbs3W51q8W9WwnshLTuB7tKHWre5tZlLhdsS6ge8TzyO1ehd3EexkbJbg+yQ2eQ6vSsQpcwR+QCyRb1TXB2Q5/xOyCnfPUmQOvckdfXPnvk/RfcoHWAR+Q9u0lnYK+BG9S5xZXf4VSdzqhbu431FYYS974Ke0KLKHdwX8ltBeXCDZKvg9GZf9bj6fW/vHBPyS/gGvUCfCPd06iwAAAABJRU5ErkJggg==";return e.jsxs(a.Tabs,{defaultIndex:i.mainTabIndex,onSelect:A=>b({mainTabIndex:A,codeTabIndex:i.codeTabIndex}),children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{children:"Demo"}),e.jsx(a.Tab,{children:"Code"})]}),e.jsx(a.TabPanel,{className:"tab-demo",children:l}),e.jsx(a.TabPanel,{className:"tab-code",style:{fontSize:"14px"},children:e.jsxs(a.Tabs,{defaultIndex:i.codeTabIndex,onSelect:A=>b({mainTabIndex:i.mainTabIndex,codeTabIndex:A}),children:[e.jsxs(a.TabList,{children:[e.jsx(a.Tab,{children:e.jsx("img",{alt:"code-img",height:"30",src:"data:image/png;base64,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"})}),h&&e.jsx(a.Tab,{children:e.jsx("img",{alt:"style-img",height:"30",src:d})})]}),e.jsx(a.TabPanel,{children:e.jsx(n.Prism,{language:c,showLineNumbers:!0,style:s.prism,children:A})}),h&&e.jsx(a.TabPanel,{children:e.jsx(n.Prism,{language:v,showLineNumbers:!0,style:s.prism,children:h})})]})})]})}},"object"==typeof exports&&"undefined"!=typeof module?e(exports,require("react/jsx-runtime"),require("@rehooks/local-storage"),require("react-syntax-highlighter"),require("react-syntax-highlighter/dist/esm/styles/prism"),require("react-tabs"),require("react-tabs/style/react-tabs.css")):"function"==typeof define&&define.amd?define(["exports","react/jsx-runtime","@rehooks/local-storage","react-syntax-highlighter","react-syntax-highlighter/dist/esm/styles/prism","react-tabs","react-tabs/style/react-tabs.css"],e):e((A="undefined"!=typeof globalThis?globalThis:A||self)["react-demo-tab"]={},A.jsxRuntime,A["@rehooks/local-storage"],A["react-syntax-highlighter"],A.prism,A["react-tabs"]);