{"ast":null,"code":"import _slicedToArray from \"@babel/runtime/helpers/esm/slicedToArray\";\nimport _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\product\\\\product_details.js\";\nvar _excluded = [\"backend\", \"detailproduct\"];\nvar __jsx = React.createElement;\nimport React, { useState, useEffect } from \"react\";\nimport classNames from \"classnames\";\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport ReactHtmlParser from \"react-html-parser\";\nimport Dashboard from \"@material-ui/icons/Dashboard\";\nimport Icon from \"@material-ui/core/Icon\";\nimport NumberFormat from 'react-number-format';\nimport Rating from '@material-ui/lab/Rating';\nimport CustomTabs from \"components/CustomTabs/CustomTabs.js\";\nimport Select from 'react-select';\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Grid from '@material-ui/core/Grid';\nimport GridItem from \"components/Grid/GridItem.js\";\nimport NavPills from \"components/NavPills/NavPills.js\";\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport CardFooter from \"components/Card/CardFooter.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\nimport Carousel from \"react-slick\";\nvar useStyles = makeStyles(styles);\n\nvar DataProduct = function DataProduct(_ref) {\n var _this = this;\n\n var backend = _ref.backend,\n detailproduct = _ref.detailproduct,\n props = _objectWithoutProperties(_ref, _excluded);\n\n var classes = useStyles();\n\n var rest = _extends({}, props);\n\n var imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n var settings = {\n dots: true,\n infinite: true,\n speed: 1000,\n slidesToShow: 1,\n slidesToScroll: 1,\n autoplay: true,\n time: 5\n };\n\n var _React$useState = React.useState(5),\n _React$useState2 = _slicedToArray(_React$useState, 2),\n value = _React$useState2[0],\n setValue = _React$useState2[1];\n\n var _React$useState3 = React.useState(5),\n _React$useState4 = _slicedToArray(_React$useState3, 2),\n value5 = _React$useState4[0],\n setValue5 = _React$useState4[1];\n\n var _React$useState5 = React.useState(4),\n _React$useState6 = _slicedToArray(_React$useState5, 2),\n value4 = _React$useState6[0],\n setValue4 = _React$useState6[1];\n\n var _React$useState7 = React.useState(3),\n _React$useState8 = _slicedToArray(_React$useState7, 2),\n value3 = _React$useState8[0],\n setValue3 = _React$useState8[1];\n\n var _React$useState9 = React.useState(2),\n _React$useState10 = _slicedToArray(_React$useState9, 2),\n value2 = _React$useState10[0],\n setValue2 = _React$useState10[1];\n\n var _React$useState11 = React.useState(1),\n _React$useState12 = _slicedToArray(_React$useState11, 2),\n value1 = _React$useState12[0],\n setValue1 = _React$useState12[1];\n\n var navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n var ProdcutImgColor = detailproduct.map(function (data) {\n return __jsx(\"div\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 53,\n columnNumber: 9\n }\n });\n });\n var Productdetails = detailproduct.map(function (data) {\n return __jsx(\"div\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 59,\n columnNumber: 9\n }\n }, __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 60,\n columnNumber: 9\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 61,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n className: classes.section,\n id: \"notifications\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 62,\n columnNumber: 13\n }\n }, __jsx(\"div\", {\n className: classes.section,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 63,\n columnNumber: 15\n }\n }, __jsx(\"div\", {\n className: classes.container,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 64,\n columnNumber: 17\n }\n }, __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 65,\n columnNumber: 19\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 66,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n className: \"container\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 67,\n columnNumber: 23\n }\n }, __jsx(Carousel, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 68,\n columnNumber: 25\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img[0][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 69,\n columnNumber: 29\n }\n }), __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img[1][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 70,\n columnNumber: 29\n }\n }), __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img[2][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 71,\n columnNumber: 29\n }\n }), __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img[3][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 72,\n columnNumber: 29\n }\n }), __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img[4][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 73,\n columnNumber: 29\n }\n }), __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img[5][\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 74,\n columnNumber: 29\n }\n }))), __jsx(\"div\", {\n align: \"center\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 77,\n columnNumber: 23\n }\n }, __jsx(\"p\", {\n style: {\n fontSize: \"2vw\",\n marginTop: \"20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 78,\n columnNumber: 71\n }\n }, \"Pilih Harga OTR Daerah\")), __jsx(Select, {\n getOptionLabel: function getOptionLabel(option) {\n return \"\".concat(option.name);\n },\n getOptionValue: function getOptionValue(option) {\n return option.id;\n },\n options: data.product_otrs,\n isMulti: true,\n instanceId: \"name\",\n placeholder: \"Pilih Harga OTR\",\n onChange: function onChange(values) {\n return handleName(values);\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 79,\n columnNumber: 25\n }\n }), __jsx(\"p\", {\n style: {\n fontSize: \"2vw\",\n marginTop: \"20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 88,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 88,\n columnNumber: 71\n }\n }, \"Ulasan (17)\")), __jsx(\"p\", {\n style: {\n fontSize: \"2vw\",\n marginTop: \"20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 89,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 89,\n columnNumber: 71\n }\n }, data.name)), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 90,\n columnNumber: 25\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 91,\n columnNumber: 29\n }\n }, __jsx(\"h1\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 31\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 92,\n columnNumber: 35\n }\n }, \"5.0\")), __jsx(Rating, {\n align: \"center\",\n name: \"read-only\",\n value: value,\n readOnly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 93,\n columnNumber: 31\n }\n })), __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 95,\n columnNumber: 25\n }\n }, __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 96,\n columnNumber: 27\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 3,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 97,\n columnNumber: 29\n }\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value5,\n readOnly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 98,\n columnNumber: 31\n }\n })), __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 100,\n columnNumber: 29\n }\n })), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 103,\n columnNumber: 27\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 104,\n columnNumber: 29\n }\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value4,\n readOnly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 105,\n columnNumber: 31\n }\n })), __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 107,\n columnNumber: 29\n }\n })), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 110,\n columnNumber: 27\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 111,\n columnNumber: 29\n }\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value3,\n readOnly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 112,\n columnNumber: 31\n }\n })), __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 114,\n columnNumber: 29\n }\n })), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 117,\n columnNumber: 27\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 118,\n columnNumber: 29\n }\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value2,\n readOnly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 119,\n columnNumber: 31\n }\n })), __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 121,\n columnNumber: 29\n }\n })), __jsx(GridContainer, {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 124,\n columnNumber: 27\n }\n }, __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 125,\n columnNumber: 29\n }\n }, __jsx(Rating, {\n name: \"read-only\",\n value: value1,\n readOnly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 126,\n columnNumber: 31\n }\n })), __jsx(Grid, {\n fluid: true,\n xs: 5,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 128,\n columnNumber: 29\n }\n }))))))))))), __jsx(Grid, {\n xs: 7,\n style: {\n padding: \"40px\",\n marginTop: \"-60px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 143,\n columnNumber: 13\n }\n }, __jsx(\"p\", {\n style: {\n fontSize: \"2vw\",\n marginTop: \"20px\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 144,\n columnNumber: 17\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 144,\n columnNumber: 63\n }\n }, data.name)), __jsx(Rating, {\n name: \"read-only\",\n value: value,\n readOnly: true,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 145,\n columnNumber: 17\n }\n }), __jsx(\"div\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 146,\n columnNumber: 17\n }\n }, __jsx(\"p\", {\n style: {\n fontSize: \"2vw\"\n },\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 147,\n columnNumber: 19\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 147,\n columnNumber: 47\n }\n }, __jsx(NumberFormat, {\n value: data.price,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 148,\n columnNumber: 21\n }\n }), \" s/d \", __jsx(NumberFormat, {\n value: data.price2,\n displayType: 'text',\n thousandSeparator: true,\n prefix: 'Rp.',\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 148,\n columnNumber: 122\n }\n })))), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 150,\n columnNumber: 23\n }\n }), __jsx(CustomTabs, {\n headerColor: \"info\",\n tabs: [{\n tabName: \"Detail Product\",\n tabContent: __jsx(\"p\", {\n className: classes.textCenter,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 157,\n columnNumber: 23\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 158,\n columnNumber: 25\n }\n }, \"Stock Available : \", data.stock), __jsx(\"br\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 158,\n columnNumber: 62\n }\n }), __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 159,\n columnNumber: 25\n }\n }, ReactHtmlParser(data.description)))\n }, {\n tabName: \"Info Penting\",\n tabContent: __jsx(\"p\", {\n className: classes.textCenter,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 166,\n columnNumber: 23\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 167,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 167,\n columnNumber: 29\n }\n }, \"Informasi mengenai prosedur pengiriman, pembelian dan dokumen\")), __jsx(\"ul\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 168,\n columnNumber: 25\n }\n }, __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 169,\n columnNumber: 27\n }\n }, \"Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 170,\n columnNumber: 27\n }\n }, \"Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 171,\n columnNumber: 27\n }\n }, \"Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 172,\n columnNumber: 27\n }\n }, \"Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*\")), __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 175,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 175,\n columnNumber: 29\n }\n }, \"Informasi mengenai prosedur pengiriman, pembelian dan dokumen\")), __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 176,\n columnNumber: 29\n }\n }, \"Harga\")), __jsx(\"ul\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 177,\n columnNumber: 25\n }\n }, __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 178,\n columnNumber: 27\n }\n }, \"Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 179,\n columnNumber: 27\n }\n }, \"Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 180,\n columnNumber: 27\n }\n }, \"Harga OTR sewaktu-waktu dapat berubah.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 181,\n columnNumber: 27\n }\n }, \"Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 182,\n columnNumber: 27\n }\n }, \"Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan diinformasikan oleh pihak Dealer.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 183,\n columnNumber: 27\n }\n }, \"Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.\")), __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 186,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 186,\n columnNumber: 29\n }\n }, \"Dokumen\")), __jsx(\"ul\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 187,\n columnNumber: 25\n }\n }, __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 188,\n columnNumber: 27\n }\n }, \"Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 189,\n columnNumber: 27\n }\n }, \"Proses pembuatan BPKB adalah 3-4 bulan.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 190,\n columnNumber: 27\n }\n }, \"STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 191,\n columnNumber: 27\n }\n }, \"Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.\"), __jsx(\"li\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 192,\n columnNumber: 27\n }\n }, \"Buku servis diterima bersamaan dengan pengiriman sepeda motor.\")), __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 195,\n columnNumber: 25\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 195,\n columnNumber: 29\n }\n }, \"*tidak termasuk Sabtu dan Minggu.\")))\n }],\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 151,\n columnNumber: 17\n }\n }))), __jsx(NavPills, {\n color: \"primary\",\n align: \"center\",\n alignCenter: true,\n tabs: [{\n tabButton: \"Overview\",\n tabIcon: Dashboard,\n tabContent: __jsx(\"div\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 212,\n columnNumber: 21\n }\n }, __jsx(GridItem, {\n className: classes.marginAuto,\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 213,\n columnNumber: 21\n }\n }, __jsx(\"div\", {\n align: \"justify\",\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 214,\n columnNumber: 25\n }\n }, __jsx(\"table\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 215,\n columnNumber: 26\n }\n }, __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 216,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 217,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 218,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 218,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview1)))), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 220,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview1[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 221,\n columnNumber: 33\n }\n }))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 224,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 225,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview2[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 226,\n columnNumber: 33\n }\n })), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 228,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 229,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 229,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview2))))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 232,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 233,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 234,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 234,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview3)))), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 236,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview3[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 237,\n columnNumber: 33\n }\n }))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 240,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 241,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview4[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 242,\n columnNumber: 33\n }\n })), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 244,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 245,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview4))))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 248,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 249,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 250,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 250,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview5)))), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 252,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview5[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 253,\n columnNumber: 33\n }\n }))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 256,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 257,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview6[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 258,\n columnNumber: 33\n }\n })), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 260,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 261,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 261,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview6))))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 264,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 265,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 266,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 266,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview7)))), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 268,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview7[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 269,\n columnNumber: 33\n }\n }))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 272,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 273,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview8[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 274,\n columnNumber: 33\n }\n })), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 276,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 277,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 277,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview8))))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 280,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 281,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 282,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 282,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview9)))), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 284,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview9[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 285,\n columnNumber: 33\n }\n }))), __jsx(\"tr\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 288,\n columnNumber: 29\n }\n }, __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 289,\n columnNumber: 31\n }\n }, __jsx(\"img\", {\n src: \"\".concat(backend).concat(data.img_overview10[\"url\"]),\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 290,\n columnNumber: 33\n }\n })), __jsx(\"td\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 292,\n columnNumber: 31\n }\n }, __jsx(\"h4\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 33\n }\n }, __jsx(\"b\", {\n __self: _this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 293,\n columnNumber: 37\n }\n }, ReactHtmlParser(data.overview10)))))))))\n }, // {\n // tabButton: \"Overview\",\n // tabIcon: Dashboard,\n // tabContent: (\n //
\n // {ReactHtmlParser(data.overview1)}\n // | \n // \n // ![]() | \n //
\n // ![]() | \n // \n // {ReactHtmlParser(data.overview2)}\n // | \n //
\n // {ReactHtmlParser(data.overview3)}\n // | \n // \n // ![]() | \n //
\n // ![]() | \n // \n // {ReactHtmlParser(data.overview4)}\n // | \n //
\n // {ReactHtmlParser(data.overview5)}\n // | \n // \n // ![]() | \n //
\n // ![]() | \n // \n // {ReactHtmlParser(data.overview6)}\n // | \n //
\n // {ReactHtmlParser(data.overview7)}\n // | \n // \n // ![]() | \n //
\n // ![]() | \n // \n // {ReactHtmlParser(data.overview8)}\n // | \n //
\n // {ReactHtmlParser(data.overview9)}\n // | \n // \n // ![]() | \n //
\n // ![]() | \n // \n // {ReactHtmlParser(data.overview10)}\n // | \n //
Pilih Harga OTR Daerah
\r\n{data.name}
\r\n\r\n
\r\n
\r\n {ReactHtmlParser(data.overview1)}\r\n | \r\n \r\n | \r\n
\r\n | \r\n \r\n {ReactHtmlParser(data.overview2)}\r\n | \r\n
\r\n {ReactHtmlParser(data.overview3)}\r\n | \r\n \r\n | \r\n
\r\n | \r\n \r\n {ReactHtmlParser(data.overview4)}\r\n | \r\n
\r\n {ReactHtmlParser(data.overview5)}\r\n | \r\n \r\n | \r\n
\r\n | \r\n \r\n {ReactHtmlParser(data.overview6)}\r\n | \r\n
\r\n {ReactHtmlParser(data.overview7)}\r\n | \r\n \r\n | \r\n
\r\n | \r\n \r\n {ReactHtmlParser(data.overview8)}\r\n | \r\n
\r\n {ReactHtmlParser(data.overview9)}\r\n | \r\n \r\n | \r\n
\r\n | \r\n \r\n {ReactHtmlParser(data.overview10)}\r\n | \r\n
\r\n // {ReactHtmlParser(data.overview1)}\r\n // | \r\n // \r\n // ![]() | \r\n //
\r\n // ![]() | \r\n // \r\n // {ReactHtmlParser(data.overview2)}\r\n // | \r\n //
\r\n // {ReactHtmlParser(data.overview3)}\r\n // | \r\n // \r\n // ![]() | \r\n //
\r\n // ![]() | \r\n // \r\n // {ReactHtmlParser(data.overview4)}\r\n // | \r\n //
\r\n // {ReactHtmlParser(data.overview5)}\r\n // | \r\n // \r\n // ![]() | \r\n //
\r\n // ![]() | \r\n // \r\n // {ReactHtmlParser(data.overview6)}\r\n // | \r\n //
\r\n // {ReactHtmlParser(data.overview7)}\r\n // | \r\n // \r\n // ![]() | \r\n //
\r\n // ![]() | \r\n // \r\n // {ReactHtmlParser(data.overview8)}\r\n // | \r\n //
\r\n // {ReactHtmlParser(data.overview9)}\r\n // | \r\n // \r\n // ![]() | \r\n //
\r\n // ![]() | \r\n // \r\n // {ReactHtmlParser(data.overview10)}\r\n // | \r\n //