{"ast":null,"code":"var _jsxFileName = \"C:\\\\Thamrin Brothers\\\\tbg-ecomm-nextjs\\\\pages-sections\\\\home\\\\gallery.js\";\nvar __jsx = React.createElement;\nimport React from \"react\";\nimport { makeStyles } from \"@material-ui/core/styles\"; // core components\n\nimport GridContainer from \"components/Grid/GridContainer.js\";\nimport Button from \"components/CustomButtons/Button.js\";\nimport GridItem from \"components/Grid/GridItem.js\";\nimport Card from \"components/Card/Card.js\";\nimport Icon from \"@material-ui/core/Icon\";\nimport styles from \"assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js\";\nimport Paper from '@material-ui/core/Paper';\nimport Grid from '@material-ui/core/Grid'; //image\n\nimport img1 from \"assets/img/gallery/1.jpg\";\nimport img2 from \"assets/img/gallery/2.jpg\";\nimport img3 from \"assets/img/gallery/3.jpg\";\nimport img4 from \"assets/img/gallery/4.jpg\";\nimport img5 from \"assets/img/gallery/5.jpg\";\nimport img6 from \"assets/img/gallery/6.jpg\";\nimport img7 from \"assets/img/gallery/7.jpg\";\nimport img8 from \"assets/img/gallery/8.jpg\";\nvar useStyles = makeStyles(styles);\nexport default function WorkSection() {\n  var classes = useStyles();\n  return __jsx(\"div\", {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 28,\n      columnNumber: 9\n    }\n  }, __jsx(\"h2\", {\n    className: classes.title,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 29,\n      columnNumber: 13\n    }\n  }, \"Thamrin Group Gallery\"), __jsx(\"div\", {\n    className: classes.section,\n    id: \"notifications\",\n    style: {\n      marginTop: \"-150px\"\n    },\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 30,\n      columnNumber: 13\n    }\n  }, __jsx(\"div\", {\n    className: classes.section,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 31,\n      columnNumber: 17\n    }\n  }, __jsx(\"div\", {\n    className: classes.container,\n    align: \"center\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 32,\n      columnNumber: 21\n    }\n  }, __jsx(Grid, {\n    item: true,\n    spacing: 3,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 33,\n      columnNumber: 25\n    }\n  }, __jsx(Grid, {\n    item: true,\n    xs: 3,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 34,\n      columnNumber: 29\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 35,\n      columnNumber: 33\n    }\n  }, __jsx(\"img\", {\n    src: img1,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 36,\n      columnNumber: 37\n    }\n  }))), __jsx(Grid, {\n    item: true,\n    xs: 3,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 39,\n      columnNumber: 29\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 40,\n      columnNumber: 33\n    }\n  }, __jsx(\"img\", {\n    src: img2,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 41,\n      columnNumber: 37\n    }\n  }))), __jsx(Grid, {\n    item: true,\n    xs: 3,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 44,\n      columnNumber: 29\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 45,\n      columnNumber: 33\n    }\n  }, __jsx(\"img\", {\n    src: img3,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 46,\n      columnNumber: 37\n    }\n  }))), __jsx(Grid, {\n    item: true,\n    xs: 3,\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 49,\n      columnNumber: 29\n    }\n  }, __jsx(Card, {\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 50,\n      columnNumber: 33\n    }\n  }, __jsx(\"img\", {\n    src: img4,\n    alt: \"First slide\",\n    className: \"slick-image\",\n    __self: this,\n    __source: {\n      fileName: _jsxFileName,\n      lineNumber: 51,\n      columnNumber: 37\n    }\n  }))))))));\n}","map":{"version":3,"sources":["C:/Thamrin Brothers/tbg-ecomm-nextjs/pages-sections/home/gallery.js"],"names":["React","makeStyles","GridContainer","Button","GridItem","Card","Icon","styles","Paper","Grid","img1","img2","img3","img4","img5","img6","img7","img8","useStyles","WorkSection","classes","title","section","marginTop","container"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,UAAT,QAA2B,0BAA3B,C,CAEA;;AACA,OAAOC,aAAP,MAA0B,kCAA1B;AACA,OAAOC,MAAP,MAAmB,oCAAnB;AACA,OAAOC,QAAP,MAAqB,6BAArB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,IAAP,MAAiB,wBAAjB;AACA,OAAOC,MAAP,MAAmB,uEAAnB;AACA,OAAOC,KAAP,MAAkB,yBAAlB;AACA,OAAOC,IAAP,MAAiB,wBAAjB,C,CAEA;;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AACA,OAAOC,IAAP,MAAiB,0BAAjB;AAEA,IAAMC,SAAS,GAAGjB,UAAU,CAACM,MAAD,CAA5B;AACA,eAAe,SAASY,WAAT,GAAuB;AAClC,MAAMC,OAAO,GAAGF,SAAS,EAAzB;AACA,SACI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAI,IAAA,SAAS,EAAEE,OAAO,CAACC,KAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,6BADJ,EAEI;AAAK,IAAA,SAAS,EAAED,OAAO,CAACE,OAAxB;AAAiC,IAAA,EAAE,EAAC,eAApC;AAAoD,IAAA,KAAK,EAAE;AAACC,MAAAA,SAAS,EAAC;AAAX,KAA3D;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAEH,OAAO,CAACE,OAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,SAAS,EAAEF,OAAO,CAACI,SAAxB;AAAmC,IAAA,KAAK,EAAC,QAAzC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,OAAO,EAAE,CAApB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,GAAG,EAAEd,IAAV;AAAgB,IAAA,GAAG,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAC,aAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADJ,CADJ,EAMI,MAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,GAAG,EAAEC,IAAV;AAAgB,IAAA,GAAG,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAC,aAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADJ,CANJ,EAWI,MAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,GAAG,EAAEC,IAAV;AAAgB,IAAA,GAAG,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAC,aAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADJ,CAXJ,EAgBI,MAAC,IAAD;AAAM,IAAA,IAAI,MAAV;AAAW,IAAA,EAAE,EAAE,CAAf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI,MAAC,IAAD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACI;AAAK,IAAA,GAAG,EAAEC,IAAV;AAAgB,IAAA,GAAG,EAAC,aAApB;AAAkC,IAAA,SAAS,EAAC,aAA5C;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IADJ,CADJ,CAhBJ,CADJ,CADJ,CADJ,CAFJ,CADJ;AA6EH","sourcesContent":["import React from \"react\";\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\n// core components\r\nimport GridContainer from \"components/Grid/GridContainer.js\";\r\nimport Button from \"components/CustomButtons/Button.js\";\r\nimport GridItem from \"components/Grid/GridItem.js\";\r\nimport Card from \"components/Card/Card.js\";\r\nimport Icon from \"@material-ui/core/Icon\";\r\nimport styles from \"assets/jss/nextjs-material-kit/pages/landingPageSections/workStyle.js\";\r\nimport Paper from '@material-ui/core/Paper';\r\nimport Grid from '@material-ui/core/Grid';\r\n\r\n//image\r\nimport img1 from \"assets/img/gallery/1.jpg\";\r\nimport img2 from \"assets/img/gallery/2.jpg\";\r\nimport img3 from \"assets/img/gallery/3.jpg\";\r\nimport img4 from \"assets/img/gallery/4.jpg\";\r\nimport img5 from \"assets/img/gallery/5.jpg\";\r\nimport img6 from \"assets/img/gallery/6.jpg\";\r\nimport img7 from \"assets/img/gallery/7.jpg\";\r\nimport img8 from \"assets/img/gallery/8.jpg\";\r\n\r\nconst useStyles = makeStyles(styles);\r\nexport default function WorkSection() {\r\n    const classes = useStyles();\r\n    return (\r\n        <div>\r\n            <h2 className={classes.title}>Thamrin Group Gallery</h2>\r\n            <div className={classes.section} id=\"notifications\" style={{marginTop:\"-150px\"}}>\r\n                <div className={classes.section}>\r\n                    <div className={classes.container} align=\"center\">\r\n                        <Grid item spacing={3}>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img1} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img2} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img3} alt=\"First slide\" className=\"slick-image\" />\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img4} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                        </Grid>\r\n                        {/* <Grid container spacing={3}>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img8} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img5} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img6} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img7} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                        </Grid>\r\n                        <Grid container spacing={3}>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img1} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img2} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img3} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                            <Grid item xs={3}>\r\n                                <Card>\r\n                                    <img src={img4} alt=\"First slide\" className=\"slick-image\"/>\r\n                                </Card>\r\n                            </Grid>\r\n                        </Grid> */}\r\n                    </div>\r\n                </div>\r\n            </div>\r\n        </div>\r\n    );\r\n}\r\n"]},"metadata":{},"sourceType":"module"}