yusmar
/
tbg-ecomm-nextjs
1
0
포크 0
코드 이슈 0 풀 리퀘스트 0 릴리즈 0 위키 활동
25개 이상의 토픽을 선택하실 수 없습니다. Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
98 커밋
1 브렌치
204 MiB
 
 
트리: 6b7826167e
브랜치 태그
${ item.name }
${ searchTerm } 브랜치 생성
from '6b7826167e'
${ noResults }
tbg-ecomm-nextjs/.next/cache/next-babel-loader/08a1e245cd9cce08691df0ee722...

1 line
86 KiB
Raw Blame 히스토리 

  1. {"ast":null,"code":"var _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\yamaha\\\\product\\\\product_details.js\";\nvar __jsx = React.createElement;\n\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\n\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\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\";\nconst useStyles = makeStyles(styles);\n\nconst DataProduct = function (_ref) {\n  let {\n    backend,\n    detailproduct\n  } = _ref,\n      props = _objectWithoutProperties(_ref, [\"backend\", \"detailproduct\"]);\n\n  const classes = useStyles();\n  const rest = Object.assign({}, props);\n  const imageClasses = classNames(classes.imgRaised, classes.imgRoundedCircle, classes.imgFluid);\n  const settings = {\n    dots: true,\n    infinite: true,\n    speed: 1000,\n    slidesToShow: 1,\n    slidesToScroll: 1,\n    autoplay: true,\n    time: 5\n  };\n  const [value, setValue] = React.useState(5);\n  const [value5, setValue5] = React.useState(5);\n  const [value4, setValue4] = React.useState(4);\n  const [value3, setValue3] = React.useState(3);\n  const [value2, setValue2] = React.useState(2);\n  const [value1, setValue1] = React.useState(1);\n  const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\n  const ProdcutImgColor = detailproduct.map(data => {\n    return __jsx(\"div\", {\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 53,\n        columnNumber: 9\n      }\n    });\n  });\n  const Productdetails = detailproduct.map(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: `${backend}${data.img[0][\"url\"]}`,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 69,\n        columnNumber: 29\n      }\n    }), __jsx(\"img\", {\n      src: `${backend}${data.img[1][\"url\"]}`,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 70,\n        columnNumber: 29\n      }\n    }), __jsx(\"img\", {\n      src: `${backend}${data.img[2][\"url\"]}`,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 71,\n        columnNumber: 29\n      }\n    }), __jsx(\"img\", {\n      src: `${backend}${data.img[3][\"url\"]}`,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 72,\n        columnNumber: 29\n      }\n    }), __jsx(\"img\", {\n      src: `${backend}${data.img[4][\"url\"]}`,\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 73,\n        columnNumber: 29\n      }\n    }), __jsx(\"img\", {\n      src: `${backend}${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: option => `${option.name}`,\n      getOptionValue: option => option.id,\n      options: data.product_otrs,\n      isMulti: true,\n      instanceId: \"name\",\n      placeholder: \"Pilih Harga OTR\",\n      onChange: values => handleName(values),\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: `${backend}${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: `${backend}${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: `${backend}${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: `${backend}${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: `${backend}${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: `${backend}${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: `${backend}${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: `${backend}${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: `${backend}${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: `${backend}${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      //     <div>\n      //     <GridItem className={classes.marginAuto}>\n      //         <div align=\"center\">\n      //          <table>\n      //             <tr>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview1)}</b></h4>\n      //               </td>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/201912012240262893A2540.jpg\"/>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120516484034670K42560.jpg\"/>\n      //               </td>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview2)}</b></h4>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview3)}</b></h4>\n      //               </td>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120122402661202S19702.jpg\"/>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123231136996Y5592.jpg\"/>\n      //               </td>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview4)}</b></h4>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview5)}</b></h4>\n      //               </td>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123173855561Z61407.jpg\"/>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123173867373B74912.jpg\"/>\n      //               </td>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview6)}</b></h4>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview7)}</b></h4>\n      //               </td>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123173831375M60860.jpg\"/>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120122402691982X34635.jpg\"/>\n      //               </td>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview8)}</b></h4>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview9)}</b></h4>\n      //               </td>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/201912012240264043F92645.jpg\"/>\n      //               </td>\n      //             </tr>\n      //             <tr>\n      //               <td>\n      //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120122402675980Z35071.jpg\"/>\n      //               </td>\n      //               <td>\n      //                 <h4><b>{ReactHtmlParser(data.overview10)}</b></h4>\n      //               </td>\n      //             </tr>\n      //           </table>\n      //         </div>\n      //       </GridItem>\n      //     </div>\n      //   ),\n      // },\n      {\n        tabButton: \"Specification\",\n        tabIcon: Dashboard,\n        tabContent: __jsx(GridContainer, {\n          justify: \"center\",\n          style: {\n            padding: \"40px\",\n            marginTop: \"-30px\"\n          },\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 400,\n            columnNumber: 21\n          }\n        }, __jsx(GridItem, {\n          className: classes.marginAuto,\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 401,\n            columnNumber: 23\n          }\n        }, __jsx(\"div\", {\n          align: \"justify\",\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 402,\n            columnNumber: 25\n          }\n        }, __jsx(\"h2\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 403,\n            columnNumber: 27\n          }\n        }, \"Spesifikasi Mesin\"), ReactHtmlParser(data.spesifikasi_mesin), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 404,\n            columnNumber: 68\n          }\n        }), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 404,\n            columnNumber: 73\n          }\n        }), __jsx(\"h2\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 406,\n            columnNumber: 27\n          }\n        }, \"Spesifikasi Dimensi\"), ReactHtmlParser(data.spesifikasi_dimensi), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 407,\n            columnNumber: 70\n          }\n        }), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 407,\n            columnNumber: 75\n          }\n        }), __jsx(\"h2\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 409,\n            columnNumber: 27\n          }\n        }, \"Spesifikasi Rangka\"), ReactHtmlParser(data.spesifikasi_rangka), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 410,\n            columnNumber: 69\n          }\n        }), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 410,\n            columnNumber: 74\n          }\n        }), __jsx(\"h2\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 412,\n            columnNumber: 27\n          }\n        }, \"Spesifikasi Kelistrikan\"), ReactHtmlParser(data.spesifikasi_kelistrikan), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 413,\n            columnNumber: 74\n          }\n        }), __jsx(\"br\", {\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 413,\n            columnNumber: 79\n          }\n        }))))\n      }, {\n        tabButton: \"Video\",\n        tabIcon: Dashboard,\n        tabContent: __jsx(GridContainer, {\n          justify: \"center\",\n          style: {\n            padding: \"40px\",\n            marginTop: \"-30px\"\n          },\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 423,\n            columnNumber: 21\n          }\n        }, __jsx(GridItem, {\n          className: classes.marginAuto,\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 424,\n            columnNumber: 23\n          }\n        }, __jsx(\"div\", {\n          align: \"justify\",\n          __self: this,\n          __source: {\n            fileName: _jsxFileName,\n            lineNumber: 425,\n            columnNumber: 25\n          }\n        }, ReactHtmlParser(data.film))))\n      }],\n      __self: this,\n      __source: {\n        fileName: _jsxFileName,\n        lineNumber: 203,\n        columnNumber: 11\n      }\n    }));\n  });\n  return __jsx(Card, {\n    className: classes.textCenter,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 438,\n      columnNumber: 7\n    }\n  }, __jsx(\"div\", {\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 439,\n      columnNumber: 7\n    }\n  }, __jsx(CardHeader, {\n    color: \"info\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 440,\n      columnNumber: 9\n    }\n  }, \"Product Detail\")), __jsx(CardBody, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 442,\n      columnNumber: 7\n    }\n  }, __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 443,\n      columnNumber: 11\n    }\n  }, Productdetails)), __jsx(CardFooter, {\n    className: classes.textMuted,\n    textAlign: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 447,\n      columnNumber: 7\n    }\n  }, \"\\xA9 2020 , All Right Reserved by @Thamrin Brother Company\"));\n};\n\nexport default DataProduct;","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/pages-sections/yamaha/product/product_details.js"],"names":["React","useState","useEffect","classNames","makeStyles","ReactHtmlParser","Dashboard","Icon","NumberFormat","Rating","CustomTabs","Select","GridContainer","Grid","GridItem","NavPills","Card","CardBody","CardHeader","CardFooter","Button","styles","Carousel","useStyles","DataProduct","backend","detailproduct","props","classes","rest","imageClasses","imgRaised","imgRoundedCircle","imgFluid","settings","dots","infinite","speed","slidesToShow","slidesToScroll","autoplay","time","value","setValue","value5","setValue5","value4","setValue4","value3","setValue3","value2","setValue2","value1","setValue1","navImageClasses","imgRounded","imgGallery","ProdcutImgColor","map","data","Productdetails","section","container","marginAuto","img","fontSize","marginTop","option","name","id","product_otrs","values","handleName","padding","price","price2","tabName","tabContent","textCenter","stock","description","tabButton","tabIcon","overview1","img_overview1","img_overview2","overview2","overview3","img_overview3","img_overview4","overview4","overview5","img_overview5","img_overview6","overview6","overview7","img_overview7","img_overview8","overview8","overview9","img_overview9","img_overview10","overview10","spesifikasi_mesin","spesifikasi_dimensi","spesifikasi_rangka","spesifikasi_kelistrikan","film","textMuted"],"mappings":";;;;;;;AAAA,OAAOA,KAAP,IAAgBC,QAAhB,EAA0BC,SAA1B,QAA2C,OAA3C;AACA,OAAOC,UAAP,MAAuB,YAAvB;AACA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,OAAOC,eAAP,MAA4B,mBAA5B;AACA,OAAOC,SAAP,MAAsB,8BAAtB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,YAAP,MAAyB,qBAAzB;AACA,OAAOC,MAAP,MAAmB,yBAAnB;AACA,OAAOC,UAAP,MAAuB,qCAAvB;AACA,OAAOC,MAAP,MAAmB,cAAnB;AAEA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,QAAP,MAAqB,iCAArB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,UAAP,MAAuB,+BAAvB;AACA,OAAOC,MAAP,MAAmB,oCAAnB;AACA,OAAOC,MAAP,MAAmB,qDAAnB;AACA,OAAOC,QAAP,MAAqB,aAArB;AAEA,MAAMC,SAAS,GAAGnB,UAAU,CAACiB,MAAD,CAA5B;;AAEA,MAAMG,WAAW,GAAG,gBAAiD;AAAA,MAAvC;AAAEC,IAAAA,OAAF;AAAWC,IAAAA;AAAX,GAAuC;AAAA,MAAVC,KAAU;;AACjE,QAAMC,OAAO,GAAGL,SAAS,EAAzB;AACA,QAAWM,IAAX,qBAAoBF,KAApB;AACA,QAAMG,YAAY,GAAG3B,UAAU,CAC7ByB,OAAO,CAACG,SADqB,EAE7BH,OAAO,CAACI,gBAFqB,EAG7BJ,OAAO,CAACK,QAHqB,CAA/B;AAKA,QAAMC,QAAQ,GAAG;AACfC,IAAAA,IAAI,EAAE,IADS;AAEfC,IAAAA,QAAQ,EAAE,IAFK;AAGfC,IAAAA,KAAK,EAAE,IAHQ;AAIfC,IAAAA,YAAY,EAAE,CAJC;AAKfC,IAAAA,cAAc,EAAE,CALD;AAMfC,IAAAA,QAAQ,EAAE,IANK;AAOfC,IAAAA,IAAI,EAAE;AAPS,GAAjB;AASA,QAAM,CAACC,KAAD,EAAQC,QAAR,IAAoB3C,KAAK,CAACC,QAAN,CAAe,CAAf,CAA1B;AACA,QAAM,CAAC2C,MAAD,EAASC,SAAT,IAAsB7C,KAAK,CAACC,QAAN,CAAe,CAAf,CAA5B;AACA,QAAM,CAAC6C,MAAD,EAASC,SAAT,IAAsB/C,KAAK,CAACC,QAAN,CAAe,CAAf,CAA5B;AACA,QAAM,CAAC+C,MAAD,EAASC,SAAT,IAAsBjD,KAAK,CAACC,QAAN,CAAe,CAAf,CAA5B;AACA,QAAM,CAACiD,MAAD,EAASC,SAAT,IAAsBnD,KAAK,CAACC,QAAN,CAAe,CAAf,CAA5B;AACA,QAAM,CAACmD,MAAD,EAASC,SAAT,IAAsBrD,KAAK,CAACC,QAAN,CAAe,CAAf,CAA5B;AACA,QAAMqD,eAAe,GAAGnD,UAAU,CAACyB,OAAO,CAAC2B,UAAT,EAAqB3B,OAAO,CAAC4B,UAA7B,CAAlC;AACA,QAAMC,eAAe,GAAG/B,aAAa,CAACgC,GAAd,CAAmBC,IAAD,IAAU;AAClD,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF;AAID,GALuB,CAAxB;AAMA,QAAMC,cAAc,GAAGlC,aAAa,CAACgC,GAAd,CAAmBC,IAAD,IAAU;AACjD,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACA,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACA;AAAK,MAAA,SAAS,EAAE/B,OAAO,CAACiC,OAAxB;AAAiC,MAAA,EAAE,EAAC,eAApC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAK,MAAA,SAAS,EAAEjC,OAAO,CAACiC,OAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAK,MAAA,SAAS,EAAEjC,OAAO,CAACkC,SAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,QAAD;AAAU,MAAA,SAAS,EAAElC,OAAO,CAACmC,UAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAK,MAAA,SAAS,EAAC,WAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AAAK,MAAA,GAAG,EAAG,GAAEtC,OAAQ,GAAEkC,IAAI,CAACK,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAmB,EAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADJ,EAEI;AAAK,MAAA,GAAG,EAAG,GAAEvC,OAAQ,GAAEkC,IAAI,CAACK,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAmB,EAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAFJ,EAGI;AAAK,MAAA,GAAG,EAAG,GAAEvC,OAAQ,GAAEkC,IAAI,CAACK,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAmB,EAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAHJ,EAII;AAAK,MAAA,GAAG,EAAG,GAAEvC,OAAQ,GAAEkC,IAAI,CAACK,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAmB,EAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJJ,EAKI;AAAK,MAAA,GAAG,EAAG,GAAEvC,OAAQ,GAAEkC,IAAI,CAACK,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAmB,EAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MALJ,EAMI;AAAK,MAAA,GAAG,EAAG,GAAEvC,OAAQ,GAAEkC,IAAI,CAACK,GAAL,CAAS,CAAT,EAAY,KAAZ,CAAmB,EAA1C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MANJ,CADF,CADF,EAWE;AAAK,MAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAG,MAAA,KAAK,EAAE;AAACC,QAAAA,QAAQ,EAAC,KAAV;AAAiBC,QAAAA,SAAS,EAAC;AAA3B,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAA9C,CADF,EAEE,MAAC,MAAD;AACI,MAAA,cAAc,EAAEC,MAAM,IAAK,GAAEA,MAAM,CAACC,IAAK,EAD7C;AAEI,MAAA,cAAc,EAAED,MAAM,IAAIA,MAAM,CAACE,EAFrC;AAGI,MAAA,OAAO,EAAEV,IAAI,CAACW,YAHlB;AAII,MAAA,OAAO,MAJX;AAKI,MAAA,UAAU,EAAC,MALf;AAMI,MAAA,WAAW,EAAC,iBANhB;AAOI,MAAA,QAAQ,EAAEC,MAAM,IAAIC,UAAU,CAACD,MAAD,CAPlC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAFF,EAWE;AAAG,MAAA,KAAK,EAAE;AAACN,QAAAA,QAAQ,EAAC,KAAV;AAAiBC,QAAAA,SAAS,EAAC;AAA3B,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAA9C,CAXF,EAYE;AAAG,MAAA,KAAK,EAAE;AAACD,QAAAA,QAAQ,EAAC,KAAV;AAAiBC,QAAAA,SAAS,EAAC;AAA3B,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIP,IAAI,CAACS,IAAT,CAA9C,CAZF,EAaE,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAAJ,CADF,EAEE,MAAC,MAAD;AAAQ,MAAA,KAAK,EAAC,QAAd;AAAuB,MAAA,IAAI,EAAC,WAA5B;AAAwC,MAAA,KAAK,EAAE1B,KAA/C;AAAsD,MAAA,QAAQ,MAA9D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAFF,CADJ,EAKA,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,WAAb;AAAyB,MAAA,KAAK,EAAEE,MAAhC;AAAwC,MAAA,QAAQ,MAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAIE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJF,CADF,EAQE,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,WAAb;AAAyB,MAAA,KAAK,EAAEE,MAAhC;AAAwC,MAAA,QAAQ,MAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAIE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJF,CARF,EAeE,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,WAAb;AAAyB,MAAA,KAAK,EAAEE,MAAhC;AAAwC,MAAA,QAAQ,MAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAIE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJF,CAfF,EAsBE,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,WAAb;AAAyB,MAAA,KAAK,EAAEE,MAAhC;AAAwC,MAAA,QAAQ,MAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAIE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJF,CAtBF,EA6BE,MAAC,aAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,WAAb;AAAyB,MAAA,KAAK,EAAEE,MAAhC;AAAwC,MAAA,QAAQ,MAAhD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MADF,CADF,EAIE,MAAC,IAAD;AAAM,MAAA,KAAK,MAAX;AAAY,MAAA,EAAE,EAAE,CAAhB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAJF,CA7BF,CALA,CAbF,CAXF,CADF,CADF,CADF,CADF,CADA,CADJ,EAmFI,MAAC,IAAD;AAAM,MAAA,EAAE,EAAE,CAAV;AAAa,MAAA,KAAK,EAAE;AAACqB,QAAAA,OAAO,EAAC,MAAT;AAAiBP,QAAAA,SAAS,EAAC;AAA3B,OAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACI;AAAG,MAAA,KAAK,EAAE;AAACD,QAAAA,QAAQ,EAAC,KAAV;AAAiBC,QAAAA,SAAS,EAAC;AAA3B,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAA8C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAAIP,IAAI,CAACS,IAAT,CAA9C,CADJ,EAEI,MAAC,MAAD;AAAQ,MAAA,IAAI,EAAC,WAAb;AAAyB,MAAA,KAAK,EAAE1B,KAAhC;AAAuC,MAAA,QAAQ,MAA/C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAFJ,EAGI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OACE;AAAG,MAAA,KAAK,EAAE;AAACuB,QAAAA,QAAQ,EAAC;AAAV,OAAV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAA4B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,OAC1B,MAAC,YAAD;AAAc,MAAA,KAAK,EAAEN,IAAI,CAACe,KAA1B;AAAiC,MAAA,WAAW,EAAE,MAA9C;AAAsD,MAAA,iBAAiB,EAAE,IAAzE;AAA+E,MAAA,MAAM,EAAE,KAAvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAD0B,WAC2E,MAAC,YAAD;AAAc,MAAA,KAAK,EAAEf,IAAI,CAACgB,MAA1B;AAAkC,MAAA,WAAW,EAAE,MAA/C;AAAuD,MAAA,iBAAiB,EAAE,IAA1E;AAAgF,MAAA,MAAM,EAAE,KAAxF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAD3E,CAA5B,CADF,CAHJ,EAOU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAPV,EAQI,MAAC,UAAD;AACA,MAAA,WAAW,EAAC,MADZ;AAEA,MAAA,IAAI,EAAE,CACJ;AACEC,QAAAA,OAAO,EAAE,gBADX;AAEEC,QAAAA,UAAU,EACR;AAAG,UAAA,SAAS,EAAEjD,OAAO,CAACkD,UAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAAsBnB,IAAI,CAACoB,KAA3B,CADF,EACuC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADvC,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI1E,eAAe,CAACsD,IAAI,CAACqB,WAAN,CAAnB,CAFF;AAHJ,OADI,EAUJ;AACEJ,QAAAA,OAAO,EAAE,cADX;AAEEC,QAAAA,UAAU,EACR;AAAG,UAAA,SAAS,EAAEjD,OAAO,CAACkD,UAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2EAAJ,CADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+FADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2JAFF,EAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uIAHF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gEAJF,CAFF,EASE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2EAAJ,CATF,EAUE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAJ,CAVF,EAWE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0MADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qKAFF,EAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oDAHF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mHAJF,EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iLALF,EAME;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kIANF,CAXF,EAoBE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qBAAJ,CApBF,EAqBE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oGADF,EAEE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qDAFF,EAGE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iJAHF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,oGAJF,EAKE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4EALF,CArBF,EA6BE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+CAAJ,CA7BF;AAHJ,OAVI,CAFN;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MARJ,CAnFJ,CADA,EAgJE,MAAC,QAAD;AACI,MAAA,KAAK,EAAC,SADV;AAEI,MAAA,KAAK,EAAC,QAFV;AAGI,MAAA,WAAW,MAHf;AAII,MAAA,IAAI,EAAE,CACJ;AACEG,QAAAA,SAAS,EAAE,UADb;AAEEC,QAAAA,OAAO,EAAE5E,SAFX;AAGEuE,QAAAA,UAAU,EACR;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACA,MAAC,QAAD;AAAU,UAAA,SAAS,EAAEjD,OAAO,CAACmC,UAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACI;AAAK,UAAA,KAAK,EAAC,SAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI1D,eAAe,CAACsD,IAAI,CAACwB,SAAN,CAAnB,CAAJ,CADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAE1D,OAAQ,GAAEkC,IAAI,CAACyB,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CAJF,CADH,EASG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAE3D,OAAQ,GAAEkC,IAAI,CAAC0B,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAIhF,eAAe,CAACsD,IAAI,CAAC2B,SAAN,CAAnB,CAAJ,CADF,CAJF,CATH,EAiBG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAIjF,eAAe,CAACsD,IAAI,CAAC4B,SAAN,CAAnB,CAAJ,CADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAE9D,OAAQ,GAAEkC,IAAI,CAAC6B,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CAJF,CAjBH,EAyBG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAE/D,OAAQ,GAAEkC,IAAI,CAAC8B,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAIpF,eAAe,CAACsD,IAAI,CAAC+B,SAAN,CAAnB,CAAJ,CADF,CAJF,CAzBH,EAiCG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAIrF,eAAe,CAACsD,IAAI,CAACgC,SAAN,CAAnB,CAAJ,CADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAElE,OAAQ,GAAEkC,IAAI,CAACiC,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CAJF,CAjCH,EAyCG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAEnE,OAAQ,GAAEkC,IAAI,CAACkC,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAIxF,eAAe,CAACsD,IAAI,CAACmC,SAAN,CAAnB,CAAJ,CADF,CAJF,CAzCH,EAiDG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAIzF,eAAe,CAACsD,IAAI,CAACoC,SAAN,CAAnB,CAAJ,CADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAEtE,OAAQ,GAAEkC,IAAI,CAACqC,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CAJF,CAjDH,EAyDG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAEvE,OAAQ,GAAEkC,IAAI,CAACsC,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI5F,eAAe,CAACsD,IAAI,CAACuC,SAAN,CAAnB,CAAJ,CADF,CAJF,CAzDH,EAiEG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI7F,eAAe,CAACsD,IAAI,CAACwC,SAAN,CAAnB,CAAJ,CADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAE1E,OAAQ,GAAEkC,IAAI,CAACyC,aAAL,CAAmB,KAAnB,CAA0B,EAAjD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CAJF,CAjEH,EAyEG;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,GAAG,EAAG,GAAE3E,OAAQ,GAAEkC,IAAI,CAAC0C,cAAL,CAAoB,KAApB,CAA2B,EAAlD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UADF,CADF,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAIhG,eAAe,CAACsD,IAAI,CAAC2C,UAAN,CAAnB,CAAJ,CADF,CAJF,CAzEH,CADD,CADJ,CADA;AAJJ,OADI,EA+FJ;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACErB,QAAAA,SAAS,EAAE,eADb;AAEEC,QAAAA,OAAO,EAAE5E,SAFX;AAGEuE,QAAAA,UAAU,EACR,MAAC,aAAD;AAAe,UAAA,OAAO,EAAC,QAAvB;AAAgC,UAAA,KAAK,EAAE;AAACJ,YAAAA,OAAO,EAAC,MAAT;AAAiBP,YAAAA,SAAS,EAAC;AAA3B,WAAvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE,MAAC,QAAD;AAAU,UAAA,SAAS,EAAEtC,OAAO,CAACmC,UAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,KAAK,EAAC,SAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,+BADF,EAEG1D,eAAe,CAACsD,IAAI,CAAC4C,iBAAN,CAFlB,EAE2C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAF3C,EAEgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAFhD,EAIE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iCAJF,EAKGlG,eAAe,CAACsD,IAAI,CAAC6C,mBAAN,CALlB,EAK6C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAL7C,EAKkD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UALlD,EAOE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gCAPF,EAQGnG,eAAe,CAACsD,IAAI,CAAC8C,kBAAN,CARlB,EAQ4C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAR5C,EAQiD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UARjD,EAUE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,qCAVF,EAWGpG,eAAe,CAACsD,IAAI,CAAC+C,uBAAN,CAXlB,EAWiD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAXjD,EAWsD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAXtD,CADF,CADF;AAJJ,OA7LI,EAoNJ;AACEzB,QAAAA,SAAS,EAAE,OADb;AAEEC,QAAAA,OAAO,EAAE5E,SAFX;AAGEuE,QAAAA,UAAU,EACR,MAAC,aAAD;AAAe,UAAA,OAAO,EAAC,QAAvB;AAAgC,UAAA,KAAK,EAAE;AAACJ,YAAAA,OAAO,EAAC,MAAT;AAAiBP,YAAAA,SAAS,EAAC;AAA3B,WAAvC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE,MAAC,QAAD;AAAU,UAAA,SAAS,EAAEtC,OAAO,CAACmC,UAA7B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACE;AAAK,UAAA,KAAK,EAAC,SAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WACG1D,eAAe,CAACsD,IAAI,CAACgD,IAAN,CADlB,CADF,CADF;AAJJ,OApNI,CAJV;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAhJF,CADF;AA0XD,GA3XsB,CAAvB;AA4XA,SACE,MAAC,IAAD;AAAM,IAAA,SAAS,EAAE/E,OAAO,CAACkD,UAAzB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACA;AAAK,IAAA,KAAK,EAAC,QAAX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE,MAAC,UAAD;AAAY,IAAA,KAAK,EAAC,MAAlB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBADF,CADA,EAIA,MAAC,QAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACGlB,cADH,CADJ,CAJA,EASA,MAAC,UAAD;AAAY,IAAA,SAAS,EAAEhC,OAAO,CAACgF,SAA/B;AAA0C,IAAA,SAAS,EAAC,QAApD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,kEATA,CADF;AAeH,CAzaD;;AA2aA,eAAepF,WAAf","sourcesContent":["import React, { useState, useEffect } from \"react\";\r\nimport classNames from \"classnames\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport ReactHtmlParser from \"react-html-parser\";\r\nimport Dashboard from \"@material-ui/icons/Dashboard\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport NumberFormat from 'react-number-format';\r\nimport Rating from '@material-ui/lab/Rating';\r\nimport CustomTabs from \"components/CustomTabs/CustomTabs.js\";\r\nimport Select from 'react-select';\r\n\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Grid from '@material-ui/core/Grid';\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport NavPills from \"components/NavPills/NavPills.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport CardBody from \"components/Card/CardBody.js\";\r\nimport CardHeader from \"components/Card/CardHeader.js\";\r\nimport CardFooter from \"components/Card/CardFooter.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/profilePage.js\";\r\nimport Carousel from \"react-slick\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nconst DataProduct = function ({ backend, detailproduct, ...props })  {\r\n    const classes = useStyles();\r\n    const { ...rest } = props;\r\n    const imageClasses = classNames(\r\n      classes.imgRaised,\r\n      classes.imgRoundedCircle,\r\n      classes.imgFluid\r\n    );\r\n    const settings = {\r\n      dots: true,\r\n      infinite: true,\r\n      speed: 1000,\r\n      slidesToShow: 1,\r\n      slidesToScroll: 1,\r\n      autoplay: true,\r\n      time: 5\r\n    };\r\n    const [value, setValue] = React.useState(5);\r\n    const [value5, setValue5] = React.useState(5);\r\n    const [value4, setValue4] = React.useState(4);\r\n    const [value3, setValue3] = React.useState(3);\r\n    const [value2, setValue2] = React.useState(2);\r\n    const [value1, setValue1] = React.useState(1);\r\n    const navImageClasses = classNames(classes.imgRounded, classes.imgGallery);\r\n    const ProdcutImgColor = detailproduct.map((data) => {\r\n      return (\r\n        <div>\r\n        </div>\r\n      );\r\n    })\r\n    const Productdetails = detailproduct.map((data) => {\r\n      return (\r\n        <div>\r\n        <GridContainer>\r\n            <Grid fluid xs={5}>\r\n            <div className={classes.section} id=\"notifications\">\r\n              <div className={classes.section}>\r\n                <div className={classes.container}>\r\n                  <GridContainer>\r\n                    <GridItem className={classes.marginAuto}>\r\n                      <div className=\"container\">\r\n                        <Carousel>\r\n                            <img src={`${backend}${data.img[0][\"url\"]}`}/>\r\n                            <img src={`${backend}${data.img[1][\"url\"]}`}/>\r\n                            <img src={`${backend}${data.img[2][\"url\"]}`}/>\r\n                            <img src={`${backend}${data.img[3][\"url\"]}`}/>\r\n                            <img src={`${backend}${data.img[4][\"url\"]}`}/>\r\n                            <img src={`${backend}${data.img[5][\"url\"]}`}/>\r\n                        </Carousel>\r\n                      </div>\r\n                      <div align=\"center\">\r\n                        <p style={{fontSize:\"2vw\", marginTop:\"20px\"}}><b>Pilih Harga OTR Daerah</b></p>\r\n                        <Select\r\n                            getOptionLabel={option => `${option.name}`}\r\n                            getOptionValue={option => option.id}\r\n                            options={data.product_otrs}\r\n                            isMulti\r\n                            instanceId=\"name\"\r\n                            placeholder=\"Pilih Harga OTR\"\r\n                            onChange={values => handleName(values)}\r\n                        />\r\n                        <p style={{fontSize:\"2vw\", marginTop:\"20px\"}}><b>Ulasan (17)</b></p>\r\n                        <p style={{fontSize:\"2vw\", marginTop:\"20px\"}}><b>{data.name}</b></p >\r\n                        <GridContainer>\r\n                            <Grid fluid xs={5}>\r\n                              <h1><b>5.0</b></h1>\r\n                              <Rating align=\"center\" name=\"read-only\" value={value} readOnly/>\r\n                            </Grid>\r\n                        <Grid fluid xs={5}>\r\n                          <GridContainer>\r\n                            <Grid fluid xs={3}>\r\n                              <Rating name=\"read-only\" value={value5} readOnly/>\r\n                            </Grid>\r\n                            <Grid fluid xs={5}>\r\n                            </Grid>\r\n                          </GridContainer>\r\n                          <GridContainer>\r\n                            <Grid fluid xs={5}>\r\n                              <Rating name=\"read-only\" value={value4} readOnly/>\r\n                            </Grid>\r\n                            <Grid fluid xs={5}>\r\n                            </Grid>\r\n                          </GridContainer>\r\n                          <GridContainer>\r\n                            <Grid fluid xs={5}>\r\n                              <Rating name=\"read-only\" value={value3} readOnly/>\r\n                            </Grid>\r\n                            <Grid fluid xs={5}>\r\n                            </Grid>\r\n                          </GridContainer>\r\n                          <GridContainer>\r\n                            <Grid fluid xs={5}>\r\n                              <Rating name=\"read-only\" value={value2} readOnly/>\r\n                            </Grid>\r\n                            <Grid fluid xs={5}>\r\n                            </Grid>\r\n                          </GridContainer>\r\n                          <GridContainer>\r\n                            <Grid fluid xs={5}>\r\n                              <Rating name=\"read-only\" value={value1} readOnly/>\r\n                            </Grid>\r\n                            <Grid fluid xs={5}>\r\n                            </Grid>\r\n                          </GridContainer>\r\n                        </Grid>\r\n                      </GridContainer>\r\n                    </div>\r\n                    {/* <Button color=\"info\" round href={\"/product_detail?s=\"+data.id}>\r\n                      <Icon className={classes.icons}>shopping_cart</Icon>Add To Cart\r\n                    </Button> */}\r\n                    </GridItem>\r\n                  </GridContainer>\r\n                </div>\r\n              </div>\r\n            </div>\r\n            </Grid>\r\n            <Grid xs={7} style={{padding:\"40px\", marginTop:\"-60px\"}}>\r\n                <p style={{fontSize:\"2vw\", marginTop:\"20px\"}}><b>{data.name}</b></p>\r\n                <Rating name=\"read-only\" value={value} readOnly/>\r\n                <div>\r\n                  <p style={{fontSize:\"2vw\"}}><b>\r\n                    <NumberFormat value={data.price} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} /> s/d <NumberFormat value={data.price2} displayType={'text'} thousandSeparator={true} prefix={'Rp.'} />\r\n                  </b></p>\r\n                </div><br/>\r\n                <CustomTabs\r\n                headerColor=\"info\"\r\n                tabs={[\r\n                  {\r\n                    tabName: \"Detail Product\",\r\n                    tabContent: (\r\n                      <p className={classes.textCenter}>\r\n                        <b>Stock Available : {data.stock}</b><br/>\r\n                        <b>{ReactHtmlParser(data.description)}</b>\r\n                      </p>\r\n                    ),\r\n                  },\r\n                  {\r\n                    tabName: \"Info Penting\",\r\n                    tabContent: (\r\n                      <p className={classes.textCenter}>\r\n                        <h4><b>Informasi mengenai prosedur pengiriman, pembelian dan dokumen</b></h4>\r\n                        <ul>\r\n                          <li>Kota Palembang, Kayu Agung, Prabumulih, Pangkalan Balai, Betung : 2-3 hari kerja*</li>\r\n                          <li>Untuk daerah Sungsang/daerah lain yang menggunakan kapal motor, maka motor diantar sampai di dermaga sesuai dengan jadwal yang diinformasikan</li>\r\n                          <li>Sekayu, Babat Toman, Pendopo, Baturaja, Martapura, Muara Dua, Lahat, Tanjung Enim, Tugu Mulyo, Belitang : 4-5 hari kerja*</li>\r\n                          <li>Lubuk Linggau, Curup, Pagar Alam : 6-7 hari kerja*</li>\r\n                        </ul>\r\n\r\n                        <h4><b>Informasi mengenai prosedur pengiriman, pembelian dan dokumen</b></h4>\r\n                        <h4><b>Harga</b></h4>\r\n                        <ul>\r\n                          <li>Harga OTR sudah termasuk biaya pengiriman dan BBN, kecuali tambahan pengenaan pajak progresif kepemilikan kendaraan bermotor (sesuai dengan peraturan yang telah ditetapkan oleh pemerintah)</li>\r\n                          <li>Harga OTR diatas berlaku untuk KTP domisili PALEMBANG, OGAN ILIR, dan BANYUASIN, diluar wilayah tersebut harap menghubungi kami untuk konfirmasi harga.</li>\r\n                          <li>Harga OTR sewaktu-waktu dapat berubah.</li>\r\n                          <li>Proses pemesanan sepeda motor tidak dapat dibatalkan dan warna yang sudah dipesan tidak dapat diubah.</li>\r\n                          <li>Proses pemesanan yang terkait waktu pengiriman produk dan kelengkapan dokumen yang dibutuhkan untuk pembuatan STNK dan BPKB akan  diinformasikan oleh pihak Dealer.</li>\r\n                          <li>Proses pengiriman sepeda motor akan dilakukan setelah pelunasan transaksi dan dokumen yang dibutuhkan telah lengkap.</li>\r\n                        </ul>\r\n\r\n                        <h4><b>Dokumen</b></h4>\r\n                        <ul>\r\n                          <li>Proses pembuatan STNK setelah KTP diterima oleh pihak dealer adalah 19-25 hari kerja*.</li>\r\n                          <li>Proses pembuatan BPKB adalah 3-4 bulan.</li>\r\n                          <li>STNK dan BPKB wajib diambil sendiri oleh pihak yang bersangkutan sesuai dengan identitas yang tertera STNK di dealer yang ditunjuk.</li>\r\n                          <li>Untuk proses pembuatan STNK dan BPKB sepenuhnya menjadi tanggung jawab dealer terkait.</li>\r\n                          <li>Buku servis diterima bersamaan dengan pengiriman sepeda motor.</li>\r\n                        </ul>\r\n\r\n                        <h4><b>*tidak termasuk Sabtu dan Minggu.</b></h4>\r\n                      </p>\r\n                    ),\r\n                  },\r\n                ]}\r\n              />\r\n            </Grid>\r\n          </GridContainer>\r\n          <NavPills\r\n              color=\"primary\"\r\n              align=\"center\"\r\n              alignCenter\r\n              tabs={[\r\n                {\r\n                  tabButton: \"Overview\",\r\n                  tabIcon: Dashboard,\r\n                  tabContent: (\r\n                    <div>\r\n                    <GridItem className={classes.marginAuto}>\r\n                        <div align=\"justify\">\r\n                         <table>\r\n                            <tr>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview1)}</b></h4>\r\n                              </td>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview1[\"url\"]}`} />\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview2[\"url\"]}`} />\r\n                              </td>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview2)}</b></h4>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview3)}</b></h4>\r\n                              </td>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview3[\"url\"]}`} />\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview4[\"url\"]}`} />\r\n                              </td>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview4)}</b></h4>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview5)}</b></h4>\r\n                              </td>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview5[\"url\"]}`} />\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview6[\"url\"]}`} />\r\n                              </td>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview6)}</b></h4>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview7)}</b></h4>\r\n                              </td>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview7[\"url\"]}`} />\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview8[\"url\"]}`} />\r\n                              </td>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview8)}</b></h4>\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview9)}</b></h4>\r\n                              </td>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview9[\"url\"]}`} />\r\n                              </td>\r\n                            </tr>\r\n                            <tr>\r\n                              <td>\r\n                                <img src={`${backend}${data.img_overview10[\"url\"]}`} />\r\n                              </td>\r\n                              <td>\r\n                                <h4><b>{ReactHtmlParser(data.overview10)}</b></h4>\r\n                              </td>\r\n                            </tr>\r\n                          </table>\r\n                        </div>\r\n                      </GridItem>\r\n                    </div>\r\n                  ),\r\n                },\r\n                // {\r\n                //   tabButton: \"Overview\",\r\n                //   tabIcon: Dashboard,\r\n                //   tabContent: (\r\n                //     <div>\r\n                //     <GridItem className={classes.marginAuto}>\r\n                //         <div align=\"center\">\r\n                //          <table>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview1)}</b></h4>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/201912012240262893A2540.jpg\"/>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120516484034670K42560.jpg\"/>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview2)}</b></h4>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview3)}</b></h4>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120122402661202S19702.jpg\"/>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123231136996Y5592.jpg\"/>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview4)}</b></h4>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview5)}</b></h4>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123173855561Z61407.jpg\"/>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123173867373B74912.jpg\"/>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview6)}</b></h4>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview7)}</b></h4>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120123173831375M60860.jpg\"/>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120122402691982X34635.jpg\"/>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview8)}</b></h4>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview9)}</b></h4>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/201912012240264043F92645.jpg\"/>\r\n                //               </td>\r\n                //             </tr>\r\n                //             <tr>\r\n                //               <td>\r\n                //                 <img src=\"https://www.yamaha-motor.co.id/uploads/products/overview/2019120122402675980Z35071.jpg\"/>\r\n                //               </td>\r\n                //               <td>\r\n                //                 <h4><b>{ReactHtmlParser(data.overview10)}</b></h4>\r\n                //               </td>\r\n                //             </tr>\r\n                //           </table>\r\n                //         </div>\r\n                //       </GridItem>\r\n                //     </div>\r\n                //   ),\r\n                // },\r\n                {\r\n                  tabButton: \"Specification\",\r\n                  tabIcon: Dashboard,\r\n                  tabContent: (\r\n                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-30px\"}}>\r\n                      <GridItem className={classes.marginAuto}>\r\n                        <div align=\"justify\">\r\n                          <h2>Spesifikasi Mesin</h2>\r\n                          {ReactHtmlParser(data.spesifikasi_mesin)}<br/><br/>\r\n\r\n                          <h2>Spesifikasi Dimensi</h2>\r\n                          {ReactHtmlParser(data.spesifikasi_dimensi)}<br/><br/>\r\n\r\n                          <h2>Spesifikasi Rangka</h2>\r\n                          {ReactHtmlParser(data.spesifikasi_rangka)}<br/><br/>\r\n\r\n                          <h2>Spesifikasi Kelistrikan</h2>\r\n                          {ReactHtmlParser(data.spesifikasi_kelistrikan)}<br/><br/>\r\n                        </div>\r\n                      </GridItem>\r\n                    </GridContainer>\r\n                  ),\r\n                },\r\n                {\r\n                  tabButton: \"Video\",\r\n                  tabIcon: Dashboard,\r\n                  tabContent: (\r\n                    <GridContainer justify=\"center\" style={{padding:\"40px\", marginTop:\"-30px\"}}>\r\n                      <GridItem className={classes.marginAuto}>\r\n                        <div align=\"justify\">\r\n                          {ReactHtmlParser(data.film)}\r\n                        </div>\r\n                      </GridItem>\r\n                    </GridContainer>\r\n                  ),\r\n                },\r\n              ]}\r\n            />\r\n        </div>\r\n      );\r\n    })\r\n    return (\r\n      <Card className={classes.textCenter}>\r\n      <div align=\"center\">\r\n        <CardHeader color=\"info\">Product Detail</CardHeader>\r\n      </div>\r\n      <CardBody>\r\n          <div>\r\n            {Productdetails}\r\n          </div>\r\n      </CardBody>\r\n      <CardFooter className={classes.textMuted} textAlign=\"center\">\r\n        © 2020 , All Right Reserved by @Thamrin Brother Company\r\n      </CardFooter>\r\n    </Card>\r\n    );\r\n}\r\n\r\nexport default DataProduct;\r\n"]},"metadata":{},"sourceType":"module"}