%PDF-
%PDF-
Mini Shell
Mini Shell
(this["webpackJsonpfuse-react-app"]=this["webpackJsonpfuse-react-app"]||[]).push([[68],{1129:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContextProvider=t.FrameContext=void 0;var n,r=a(0),o=(n=r)&&n.__esModule?n:{default:n};var s=void 0,i=void 0;"undefined"!==typeof document&&(s=document),"undefined"!==typeof window&&(i=window);var c=t.FrameContext=o.default.createContext({document:s,window:i}),l=c.Provider,d=c.Consumer;t.FrameContextProvider=l,t.FrameContextConsumer=d},1130:function(e,t,a){"use strict";a.d(t,"a",(function(){return C}));var n=a(118),r=a(1100),o=a(1109),s=a(1090),i=a(1117),c=a(1119),l=a(5),d=a(0),u=a(1024),p=a(551),m=a(1087),f=a(1099),h=a(11),b=a(370),g=a(371),j=a(1131),v=a.n(j),y=a(1);const x=Object(u.a)({productionPrefix:"iframe-"});class O extends d.Component{constructor(){super(...arguments),this.state={ready:!1},this.handleRef=e=>{this.contentDocument=e?e.node.contentDocument:null},this.onContentDidMount=()=>{this.setState({ready:!0,jss:Object(b.a)({...Object(p.a)(),plugins:[...Object(p.a)().plugins,Object(g.a)()],insertionPoint:this.contentDocument.querySelector("#jss-demo-insertion-point")}),sheetsManager:new Map,container:this.contentDocument.body})},this.onContentDidUpdate=()=>{this.contentDocument.body.dir=this.props.theme.direction},this.renderHead=()=>Object(y.jsxs)(y.Fragment,{children:[Object(y.jsx)("style",{dangerouslySetInnerHTML:{__html:"\n html {\n font-size: 62.5%;\n font-family: Poppins, Roboto, Helvetica Neue, Arial, sans-serif;\n }\n "}}),Object(y.jsx)("noscript",{id:"jss-demo-insertion-point"})]})}render(){const{children:e,classes:t,theme:a}=this.props;return Object(y.jsx)(v.a,{head:this.renderHead(),ref:this.handleRef,className:Object(l.a)(t.root,"shadow"),contentDidMount:this.onContentDidMount,contentDidUpdate:this.onContentDidUpdate,children:this.state.ready?Object(y.jsx)(m.b,{jss:this.state.jss,generateClassName:x,sheetsManager:this.state.sheetsManager,children:Object(y.jsx)(f.a,{theme:a,children:Object(d.cloneElement)(e,{container:this.state.container})})}):null})}}var N=Object(h.a)((e=>({root:{backgroundColor:e.palette.background.default,flexGrow:1,height:400,border:"none"}})),{withTheme:!0})(O);function w(e){const[t,a]=Object(d.useState)(e.currentTabIndex),{component:u,raw:p,iframe:m,className:f}=e;return Object(y.jsxs)(o.a,{className:Object(l.a)(f,"shadow"),children:[Object(y.jsx)(r.a,{position:"static",color:"default",className:"shadow-0",children:Object(y.jsxs)(c.a,{classes:{root:"border-b-1",flexContainer:"justify-end"},value:t,onChange:function(e,t){a(t)},children:[u&&Object(y.jsx)(i.a,{classes:{root:"min-w-64"},icon:Object(y.jsx)(s.a,{children:"remove_red_eye"})}),p&&Object(y.jsx)(i.a,{classes:{root:"min-w-64"},icon:Object(y.jsx)(s.a,{children:"code"})})]})}),Object(y.jsxs)("div",{className:"flex justify-center max-w-full",children:[Object(y.jsx)("div",{className:0===t?"flex flex-1 max-w-full":"hidden",children:u&&(m?Object(y.jsx)(N,{children:Object(y.jsx)(u,{})}):Object(y.jsx)("div",{className:"p-24 flex flex-1 justify-center max-w-full",children:Object(y.jsx)(u,{})}))}),Object(y.jsx)("div",{className:1===t?"flex flex-1":"hidden",children:p&&Object(y.jsx)("div",{className:"flex flex-1",children:Object(y.jsx)(n.a,{component:"pre",className:"language-javascript w-full",children:p.default})})})]})]})}w.defaultProps={currentTabIndex:0};var C=w},1131:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0}),t.FrameContextConsumer=t.FrameContext=void 0;var n=a(1129);Object.defineProperty(t,"FrameContext",{enumerable:!0,get:function(){return n.FrameContext}}),Object.defineProperty(t,"FrameContextConsumer",{enumerable:!0,get:function(){return n.FrameContextConsumer}});var r,o=a(1132),s=(r=o)&&r.__esModule?r:{default:r};t.default=s.default},1132:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)Object.prototype.hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},r=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),o=a(0),s=u(o),i=u(a(22)),c=u(a(553)),l=a(1129),d=u(a(1133));function u(e){return e&&e.__esModule?e:{default:e}}var p=function(e){function t(e,a){!function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t);var n=function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).call(this,e,a));return n.handleLoad=function(){n.forceUpdate()},n._isMounted=!1,n}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),r(t,[{key:"componentDidMount",value:function(){this._isMounted=!0;var e=this.getDoc();e&&"complete"===e.readyState?this.forceUpdate():this.node.addEventListener("load",this.handleLoad)}},{key:"componentWillUnmount",value:function(){this._isMounted=!1,this.node.removeEventListener("load",this.handleLoad)}},{key:"getDoc",value:function(){return this.node?this.node.contentDocument:null}},{key:"getMountTarget",value:function(){var e=this.getDoc();return this.props.mountTarget?e.querySelector(this.props.mountTarget):e.body.children[0]}},{key:"renderFrameContents",value:function(){if(!this._isMounted)return null;var e=this.getDoc();if(!e)return null;var t=this.props.contentDidMount,a=this.props.contentDidUpdate,n=e.defaultView||e.parentView,r=s.default.createElement(d.default,{contentDidMount:t,contentDidUpdate:a},s.default.createElement(l.FrameContextProvider,{value:{document:e,window:n}},s.default.createElement("div",{className:"frame-content"},this.props.children)));e.body.children.length<1&&(e.open("text/html","replace"),e.write(this.props.initialContent),e.close());var o=this.getMountTarget();return[i.default.createPortal(this.props.head,this.getDoc().head),i.default.createPortal(r,o)]}},{key:"render",value:function(){var e=this,t=n({},this.props,{children:void 0});return delete t.head,delete t.initialContent,delete t.mountTarget,delete t.contentDidMount,delete t.contentDidUpdate,s.default.createElement("iframe",n({},t,{ref:function(t){e.node=t}}),this.renderFrameContents())}}]),t}(o.Component);p.propTypes={style:c.default.object,head:c.default.node,initialContent:c.default.string,mountTarget:c.default.string,contentDidMount:c.default.func,contentDidUpdate:c.default.func,children:c.default.oneOfType([c.default.element,c.default.arrayOf(c.default.element)])},p.defaultProps={style:{},head:null,children:void 0,mountTarget:void 0,contentDidMount:function(){},contentDidUpdate:function(){},initialContent:'<!DOCTYPE html><html><head></head><body><div class="frame-root"></div></body></html>'},t.default=p},1133:function(e,t,a){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(){function e(e,t){for(var a=0;a<t.length;a++){var n=t[a];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}return function(t,a,n){return a&&e(t.prototype,a),n&&e(t,n),t}}(),r=a(0),o=(s(r),s(a(553)));function s(e){return e&&e.__esModule?e:{default:e}}var i=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),function(e,t){if(!e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return!t||"object"!==typeof t&&"function"!==typeof t?e:t}(this,(t.__proto__||Object.getPrototypeOf(t)).apply(this,arguments))}return function(e,t){if("function"!==typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function, not "+typeof t);e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,enumerable:!1,writable:!0,configurable:!0}}),t&&(Object.setPrototypeOf?Object.setPrototypeOf(e,t):e.__proto__=t)}(t,e),n(t,[{key:"componentDidMount",value:function(){this.props.contentDidMount()}},{key:"componentDidUpdate",value:function(){this.props.contentDidUpdate()}},{key:"render",value:function(){return r.Children.only(this.props.children)}}]),t}(r.Component);i.propTypes={children:o.default.element.isRequired,contentDidMount:o.default.func.isRequired,contentDidUpdate:o.default.func.isRequired},t.default=i},1135:function(e,t,a){"use strict";var n=a(0),r=n.createContext();t.a=r},1145:function(e,t,a){"use strict";var n=a(0),r=n.createContext();t.a=r},1199:function(e,t,a){"use strict";var n=a(7),r=a(2),o=a(0),s=a(8),i=a(11),c=a(15),l=a(31),d=a(1145),u=a(1135),p=o.forwardRef((function(e,t){var a,i,l=e.align,p=void 0===l?"inherit":l,m=e.classes,f=e.className,h=e.component,b=e.padding,g=e.scope,j=e.size,v=e.sortDirection,y=e.variant,x=Object(n.a)(e,["align","classes","className","component","padding","scope","size","sortDirection","variant"]),O=o.useContext(d.a),N=o.useContext(u.a),w=N&&"head"===N.variant;h?(i=h,a=w?"columnheader":"cell"):i=w?"th":"td";var C=g;!C&&w&&(C="col");var T=b||(O&&O.padding?O.padding:"normal"),M=j||(O&&O.size?O.size:"medium"),P=y||N&&N.variant,D=null;return v&&(D="asc"===v?"ascending":"descending"),o.createElement(i,Object(r.a)({ref:t,className:Object(s.a)(m.root,m[P],f,"inherit"!==p&&m["align".concat(Object(c.a)(p))],"normal"!==T&&m["padding".concat(Object(c.a)(T))],"medium"!==M&&m["size".concat(Object(c.a)(M))],"head"===P&&O&&O.stickyHeader&&m.stickyHeader),"aria-sort":D,role:a,scope:C},x))}));t.a=Object(i.a)((function(e){return{root:Object(r.a)({},e.typography.body2,{display:"table-cell",verticalAlign:"inherit",borderBottom:"1px solid\n ".concat("light"===e.palette.type?Object(l.j)(Object(l.a)(e.palette.divider,1),.88):Object(l.b)(Object(l.a)(e.palette.divider,1),.68)),textAlign:"left",padding:16}),head:{color:e.palette.text.primary,lineHeight:e.typography.pxToRem(24),fontWeight:e.typography.fontWeightMedium},body:{color:e.palette.text.primary},footer:{color:e.palette.text.secondary,lineHeight:e.typography.pxToRem(21),fontSize:e.typography.pxToRem(12)},sizeSmall:{padding:"6px 24px 6px 16px","&:last-child":{paddingRight:16},"&$paddingCheckbox":{width:24,padding:"0 12px 0 16px","&:last-child":{paddingLeft:12,paddingRight:16},"& > *":{padding:0}}},paddingCheckbox:{width:48,padding:"0 0 0 4px","&:last-child":{paddingLeft:0,paddingRight:4}},paddingNone:{padding:0,"&:last-child":{padding:0}},alignLeft:{textAlign:"left"},alignCenter:{textAlign:"center"},alignRight:{textAlign:"right",flexDirection:"row-reverse"},alignJustify:{textAlign:"justify"},stickyHeader:{position:"sticky",top:0,left:0,zIndex:2,backgroundColor:e.palette.background.default}}}),{name:"MuiTableCell"})(p)},1220:function(e,t,a){"use strict";var n=a(7),r=a(2),o=a(0),s=a(8),i=a(11),c=a(1145),l="table",d=o.forwardRef((function(e,t){var a=e.classes,i=e.className,d=e.component,u=void 0===d?l:d,p=e.padding,m=void 0===p?"normal":p,f=e.size,h=void 0===f?"medium":f,b=e.stickyHeader,g=void 0!==b&&b,j=Object(n.a)(e,["classes","className","component","padding","size","stickyHeader"]),v=o.useMemo((function(){return{padding:m,size:h,stickyHeader:g}}),[m,h,g]);return o.createElement(c.a.Provider,{value:v},o.createElement(u,Object(r.a)({role:u===l?null:"table",ref:t,className:Object(s.a)(a.root,i,g&&a.stickyHeader)},j)))}));t.a=Object(i.a)((function(e){return{root:{display:"table",width:"100%",borderCollapse:"collapse",borderSpacing:0,"& caption":Object(r.a)({},e.typography.body2,{padding:e.spacing(2),color:e.palette.text.secondary,textAlign:"left",captionSide:"bottom"})},stickyHeader:{borderCollapse:"separate"}}}),{name:"MuiTable"})(d)},1221:function(e,t,a){"use strict";var n=a(2),r=a(7),o=a(0),s=a(8),i=a(11),c=a(1135),l={variant:"head"},d="thead",u=o.forwardRef((function(e,t){var a=e.classes,i=e.className,u=e.component,p=void 0===u?d:u,m=Object(r.a)(e,["classes","className","component"]);return o.createElement(c.a.Provider,{value:l},o.createElement(p,Object(n.a)({className:Object(s.a)(a.root,i),ref:t,role:p===d?null:"rowgroup"},m)))}));t.a=Object(i.a)({root:{display:"table-header-group"}},{name:"MuiTableHead"})(u)},1222:function(e,t,a){"use strict";var n=a(2),r=a(7),o=a(0),s=a(8),i=a(11),c=a(1135),l=a(31),d=o.forwardRef((function(e,t){var a=e.classes,i=e.className,l=e.component,d=void 0===l?"tr":l,u=e.hover,p=void 0!==u&&u,m=e.selected,f=void 0!==m&&m,h=Object(r.a)(e,["classes","className","component","hover","selected"]),b=o.useContext(c.a);return o.createElement(d,Object(n.a)({ref:t,className:Object(s.a)(a.root,i,b&&{head:a.head,footer:a.footer}[b.variant],p&&a.hover,f&&a.selected),role:"tr"===d?null:"row"},h))}));t.a=Object(i.a)((function(e){return{root:{color:"inherit",display:"table-row",verticalAlign:"middle",outline:0,"&$hover:hover":{backgroundColor:e.palette.action.hover},"&$selected, &$selected:hover":{backgroundColor:Object(l.a)(e.palette.secondary.main,e.palette.action.selectedOpacity)}},selected:{},hover:{},head:{},footer:{}}}),{name:"MuiTableRow"})(d)},1223:function(e,t,a){"use strict";var n=a(2),r=a(7),o=a(0),s=a(8),i=a(11),c=a(1135),l={variant:"body"},d="tbody",u=o.forwardRef((function(e,t){var a=e.classes,i=e.className,u=e.component,p=void 0===u?d:u,m=Object(r.a)(e,["classes","className","component"]);return o.createElement(c.a.Provider,{value:l},o.createElement(p,Object(n.a)({className:Object(s.a)(a.root,i),ref:t,role:p===d?null:"rowgroup"},m)))}));t.a=Object(i.a)({root:{display:"table-row-group"}},{name:"MuiTableBody"})(u)},2455:function(e,t,a){"use strict";a.r(t),t.default="import { useMemo } from 'react';\nimport MaUTable from '@material-ui/core/Table';\nimport TableBody from '@material-ui/core/TableBody';\nimport TableCell from '@material-ui/core/TableCell';\nimport TableHead from '@material-ui/core/TableHead';\nimport TableRow from '@material-ui/core/TableRow';\nimport { useTable } from 'react-table';\nimport sampleData from './sampleData';\n\nfunction Table({ columns, data }) {\n\t// Use the state and functions returned from useTable to build your UI\n\tconst { getTableProps, headerGroups, rows, prepareRow } = useTable({\n\t\tcolumns,\n\t\tdata\n\t});\n\n\t// Render the UI for your table\n\treturn (\n\t\t<MaUTable {...getTableProps()}>\n\t\t\t<TableHead>\n\t\t\t\t{headerGroups.map(headerGroup => (\n\t\t\t\t\t<TableRow {...headerGroup.getHeaderGroupProps()}>\n\t\t\t\t\t\t{headerGroup.headers.map(column => (\n\t\t\t\t\t\t\t<TableCell {...column.getHeaderProps()}>{column.render('Header')}</TableCell>\n\t\t\t\t\t\t))}\n\t\t\t\t\t</TableRow>\n\t\t\t\t))}\n\t\t\t</TableHead>\n\t\t\t<TableBody>\n\t\t\t\t{rows.map((row, i) => {\n\t\t\t\t\tprepareRow(row);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<TableRow {...row.getRowProps()}>\n\t\t\t\t\t\t\t{row.cells.map(cell => {\n\t\t\t\t\t\t\t\treturn <TableCell {...cell.getCellProps()}>{cell.render('Cell')}</TableCell>;\n\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t</TableBody>\n\t\t</MaUTable>\n\t);\n}\n\nfunction App() {\n\tconst columns = useMemo(\n\t\t() => [\n\t\t\t{\n\t\t\t\tHeader: 'Name',\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\tHeader: 'First Name',\n\t\t\t\t\t\taccessor: 'firstName'\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tHeader: 'Last Name',\n\t\t\t\t\t\taccessor: 'lastName'\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t},\n\t\t\t{\n\t\t\t\tHeader: 'Info',\n\t\t\t\tcolumns: [\n\t\t\t\t\t{\n\t\t\t\t\t\tHeader: 'Age',\n\t\t\t\t\t\taccessor: 'age'\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tHeader: 'Visits',\n\t\t\t\t\t\taccessor: 'visits'\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tHeader: 'Status',\n\t\t\t\t\t\taccessor: 'status'\n\t\t\t\t\t},\n\t\t\t\t\t{\n\t\t\t\t\t\tHeader: 'Profile Progress',\n\t\t\t\t\t\taccessor: 'progress'\n\t\t\t\t\t}\n\t\t\t\t]\n\t\t\t}\n\t\t],\n\t\t[]\n\t);\n\n\tconst data = useMemo(() => sampleData, []);\n\n\treturn <Table columns={columns} data={data} />;\n}\n\nexport default App;\n"},2510:function(e,t,a){"use strict";a.r(t);var n=a(0),r=a(1220),o=a(1223),s=a(1199),i=a(1221),c=a(1222),l=a(1382);var d=[{firstName:"dad",lastName:"teaching",age:8,visits:63,progress:96,status:"relationship"},{firstName:"crush",lastName:"player",age:4,visits:87,progress:33,status:"single"},{firstName:"quartz",lastName:"box",age:22,visits:10,progress:87,status:"single"},{firstName:"stage",lastName:"wine",age:14,visits:78,progress:83,status:"complicated"},{firstName:"whistle",lastName:"swing",age:22,visits:84,progress:55,status:"single"},{firstName:"thing",lastName:"wife",age:24,visits:79,progress:74,status:"complicated"},{firstName:"instrument",lastName:"record",age:27,visits:31,progress:66,status:"complicated"},{firstName:"passion",lastName:"drop",age:13,visits:73,progress:79,status:"relationship"},{firstName:"bears",lastName:"toothpaste",age:20,visits:34,progress:10,status:"relationship"},{firstName:"limit",lastName:"chairs",age:19,visits:79,progress:38,status:"single"},{firstName:"kite",lastName:"fact",age:11,visits:12,progress:79,status:"relationship"},{firstName:"brother",lastName:"underwear",age:25,visits:67,progress:48,status:"complicated"},{firstName:"butter",lastName:"north",age:29,visits:17,progress:29,status:"relationship"},{firstName:"housing",lastName:"society",age:0,visits:68,progress:84,status:"single"},{firstName:"skate",lastName:"attraction",age:9,visits:89,progress:89,status:"single"},{firstName:"banana",lastName:"rabbits",age:18,visits:67,progress:62,status:"single"},{firstName:"word",lastName:"volleyball",age:28,visits:19,progress:86,status:"single"},{firstName:"balls",lastName:"nest",age:23,visits:74,progress:38,status:"single"},{firstName:"physics",lastName:"method",age:2,visits:40,progress:87,status:"relationship"},{firstName:"book",lastName:"recommendation",age:12,visits:73,progress:81,status:"relationship"}],u=a(1);function p(e){let{columns:t,data:a}=e;const{getTableProps:n,headerGroups:d,rows:p,prepareRow:m}=Object(l.useTable)({columns:t,data:a});return Object(u.jsxs)(r.a,{...n(),children:[Object(u.jsx)(i.a,{children:d.map((e=>Object(u.jsx)(c.a,{...e.getHeaderGroupProps(),children:e.headers.map((e=>Object(u.jsx)(s.a,{...e.getHeaderProps(),children:e.render("Header")})))})))}),Object(u.jsx)(o.a,{children:p.map(((e,t)=>(m(e),Object(u.jsx)(c.a,{...e.getRowProps(),children:e.cells.map((e=>Object(u.jsx)(s.a,{...e.getCellProps(),children:e.render("Cell")})))}))))})]})}t.default=function(){const e=Object(n.useMemo)((()=>[{Header:"Name",columns:[{Header:"First Name",accessor:"firstName"},{Header:"Last Name",accessor:"lastName"}]},{Header:"Info",columns:[{Header:"Age",accessor:"age"},{Header:"Visits",accessor:"visits"},{Header:"Status",accessor:"status"},{Header:"Profile Progress",accessor:"progress"}]}]),[]),t=Object(n.useMemo)((()=>d),[]);return Object(u.jsx)(p,{columns:e,data:t})}},2636:function(e,t,a){"use strict";a.r(t);var n=a(1130),r=a(1098),o=a(1090),s=a(194),i=a(28),c=a(1);t.default=function(){return Object(c.jsxs)(c.Fragment,{children:[Object(c.jsxs)("div",{className:"flex w-full items-center justify-between mb-24",children:[Object(c.jsx)(s.a,{variant:"h4",className:"",children:"ReactTable"}),Object(c.jsxs)(r.a,{variant:"outlined",component:"a",href:"https://github.com/react-tools/react-table",target:"_blank",role:"button",children:[Object(c.jsx)(o.a,{children:"link"}),Object(c.jsx)("span",{className:"mx-4",children:"Reference"})]})]}),Object(c.jsxs)(s.a,{className:"mb-16",component:"p",children:[Object(c.jsx)("code",{children:"react-table"})," is a lightweight, fast and extendable datagrid built for React."]}),Object(c.jsx)("hr",{}),Object(c.jsx)(s.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Example Usage"}),Object(c.jsx)(n.a,{className:"mb-64",component:a(2510).default,raw:a(2455)}),Object(c.jsx)(s.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Enhanced examples"}),Object(c.jsxs)(s.a,{className:"mt-32 mb-8",component:"p",children:["Checkout for enhanced examples at"," ",Object(c.jsx)("a",{href:"https://github.com/tannerlinsley/react-table/blob/master/docs/examples.md",target:"_blank",rel:"noopener noreferrer",children:"react-table docs"})]}),Object(c.jsx)(s.a,{className:"text-32 mt-32 mb-8",component:"h2",children:"Demos"}),Object(c.jsx)("ul",{children:Object(c.jsx)("li",{className:"mb-8",children:Object(c.jsx)(i.a,{to:"/apps/contacts",children:"Contacts App"})})})]})}}}]);
Zerion Mini Shell 1.0