"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require('./../../../ext-esm/tslib/tslib.es6.js'),r=require("react/jsx-runtime"),t=require("react-virtualized"),a=require("@material-ui/core"),i=a.makeStyles({tableWrapper:{borderTop:"1px solid #5C5C5C",borderBottom:"1px solid #5C5C5C",width:"100%",height:"100%",overflow:"scroll"},table:{"& .ReactVirtualized__Table__headerRow":{textTransform:"none",border:"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__row":{border:"1px solid rgba(81, 81, 81, 1)"},"& .ReactVirtualized__Table__Grid":{outline:"none"},"& .ReactVirtualized__Table__headerColumn":{outline:"none"}},cell:{width:200}}),l=function(t){var a=t.cellData,l=i();return r.jsx("div",e.__assign({className:l.cell},{children:a}))};exports.CsvViewer=function(a){var n=a.fileData,o=i(),s=Object.keys(n[0]||{});return r.jsx("div",e.__assign({className:o.tableWrapper},{children:r.jsx(t.AutoSizer,{children:function(a){var i=a.height;return a.width,function(a){var i=a.height;return r.jsx(t.Table,e.__assign({className:o.table,width:200*(s.length||10),height:i,headerHeight:40,rowHeight:50,rowCount:n.length,rowGetter:function(e){var r=e.index;return n[r]}},{children:s.map((function(e){return r.jsx(t.Column,{width:200,flexGrow:1,dataKey:e,label:e,cellRenderer:function(e){var t=e.cellData;return r.jsx(l,{cellData:t})}},e)}))}))}({height:i})}})}))};
