{"ast":null,"code":"var _jsxFileName = \"/app/src/Components/TopTableBox.js\";\nimport React from \"react\";\nimport { Link } from 'react-router-dom';\nimport './TopTableBox.css';\nimport { jsxDEV as _jsxDEV } from \"react/jsx-dev-runtime\";\n\nconst TopTableBox = props => {\n  return /*#__PURE__*/_jsxDEV(Link, {\n    to: props.link,\n    float: \"left\",\n    children: /*#__PURE__*/_jsxDEV(\"div\", {\n      className: \"topTableBox\",\n      style: {\n        backgroundImage: `url(${process.env.REACT_APP_API_URL + \"/img/\" + props.uuid + \"_300px.jpg\"})`,\n        backgroundSize: `cover`,\n        backgroundPosition: `top center`,\n        width: `${props.size}px`,\n        height: `${props.size}px`,\n        float: `left`\n      },\n      children: /*#__PURE__*/_jsxDEV(\"div\", {\n        className: \"topOverlay\",\n        style: {\n          maxWidth: `${props.size - '5'}px`\n        },\n        children: /*#__PURE__*/_jsxDEV(\"span\", {\n          className: \"topText\",\n          style: {\n            fontSize: `${props.size === 300 ? '11pt' : props.size === 150 ? '8pt' : '8pt'}`\n          },\n          children: [\"#\", props.number, \" \", props.title]\n        }, void 0, true, {\n          fileName: _jsxFileName,\n          lineNumber: 19,\n          columnNumber: 19\n        }, this)\n      }, void 0, false, {\n        fileName: _jsxFileName,\n        lineNumber: 18,\n        columnNumber: 16\n      }, this)\n    }, void 0, false, {\n      fileName: _jsxFileName,\n      lineNumber: 8,\n      columnNumber: 13\n    }, this)\n  }, void 0, false, {\n    fileName: _jsxFileName,\n    lineNumber: 7,\n    columnNumber: 10\n  }, this);\n};\n\n_c = TopTableBox;\nexport default TopTableBox;\n\nvar _c;\n\n$RefreshReg$(_c, \"TopTableBox\");","map":{"version":3,"sources":["/app/src/Components/TopTableBox.js"],"names":["React","Link","TopTableBox","props","link","backgroundImage","process","env","REACT_APP_API_URL","uuid","backgroundSize","backgroundPosition","width","size","height","float","maxWidth","fontSize","number","title"],"mappings":";AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,OAAO,mBAAP;;;AAEA,MAAMC,WAAW,GAAIC,KAAD,IAAW;AAC5B,sBACM,QAAC,IAAD;AAAM,IAAA,EAAE,EAAEA,KAAK,CAACC,IAAhB;AAAsB,IAAA,KAAK,EAAC,MAA5B;AAAA,2BACG;AACG,MAAA,SAAS,EAAC,aADb;AAEG,MAAA,KAAK,EAAE;AACJC,QAAAA,eAAe,EAAG,OAAMC,OAAO,CAACC,GAAR,CAAYC,iBAAZ,GAAgC,OAAhC,GAA0CL,KAAK,CAACM,IAAhD,GAAuD,YAAa,GADxF;AAEJC,QAAAA,cAAc,EAAG,OAFb;AAGJC,QAAAA,kBAAkB,EAAG,YAHjB;AAIJC,QAAAA,KAAK,EAAG,GAAET,KAAK,CAACU,IAAK,IAJjB;AAKJC,QAAAA,MAAM,EAAG,GAAEX,KAAK,CAACU,IAAK,IALlB;AAMJE,QAAAA,KAAK,EAAG;AANJ,OAFV;AAAA,6BAUG;AAAK,QAAA,SAAS,EAAC,YAAf;AAA4B,QAAA,KAAK,EAAE;AAAEC,UAAAA,QAAQ,EAAG,GAAEb,KAAK,CAACU,IAAN,GAAW,GAAI;AAA9B,SAAnC;AAAA,+BACG;AAAM,UAAA,SAAS,EAAC,SAAhB;AAA0B,UAAA,KAAK,EAAE;AAC9BI,YAAAA,QAAQ,EAAG,GAAEd,KAAK,CAACU,IAAN,KAAe,GAAf,GAAqB,MAArB,GAA+BV,KAAK,CAACU,IAAN,KAAe,GAAf,GAAqB,KAArB,GAA4B,KAAQ;AADlD,WAAjC;AAAA,0BAEKV,KAAK,CAACe,MAFX,OAEoBf,KAAK,CAACgB,KAF1B;AAAA;AAAA;AAAA;AAAA;AAAA;AADH;AAAA;AAAA;AAAA;AAAA;AAVH;AAAA;AAAA;AAAA;AAAA;AADH;AAAA;AAAA;AAAA;AAAA,UADN;AAqBF,CAtBD;;KAAMjB,W;AAwBN,eAAeA,WAAf","sourcesContent":["import React from \"react\";\nimport { Link } from 'react-router-dom';\nimport './TopTableBox.css'\n\nconst TopTableBox = (props) => {\n   return (\n         <Link to={props.link} float=\"left\" >\n            <div\n               className=\"topTableBox\"\n               style={{\n                  backgroundImage: `url(${process.env.REACT_APP_API_URL + \"/img/\" + props.uuid + \"_300px.jpg\"})`,\n                  backgroundSize: `cover`,\n                  backgroundPosition: `top center`,\n                  width: `${props.size}px`,\n                  height: `${props.size}px`,\n                  float: `left`,\n               }} >\n               <div className=\"topOverlay\" style={{ maxWidth: `${props.size-'5'}px` }}>\n                  <span className=\"topText\" style={{\n                     fontSize: `${props.size === 300 ? '11pt' : (props.size === 150 ? '8pt': '8pt' )}`\n                  }}>#{props.number} {props.title}</span>\n               </div>\n            </div>\n         </Link>\n\n   );\n}\n\nexport default TopTableBox;"]},"metadata":{},"sourceType":"module"}