You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 

1 regel
6.0 KiB

  1. {"ast":null,"code":"import _defineProperty from \"@babel/runtime/helpers/esm/defineProperty\";\nvar _jsxFileName = \"E:\\\\Project\\\\tbg-ecomm-nextjs\\\\components\\\\InfoArea\\\\InfoArea.js\";\nvar __jsx = React.createElement;\nimport React from \"react\"; // nodejs library to set properties for components\n\nimport PropTypes from \"prop-types\"; // nodejs library that concatenates classes\n\nimport classNames from \"classnames\"; // @material-ui/core components\n\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport styles from \"assets/jss/nextjs-material-kit/components/infoStyle.js\";\nvar useStyles = makeStyles(styles);\nexport default function InfoArea(props) {\n var _classNames, _classNames2;\n\n var classes = useStyles();\n var title = props.title,\n description = props.description,\n iconColor = props.iconColor,\n vertical = props.vertical;\n var iconWrapper = classNames((_classNames = {}, _defineProperty(_classNames, classes.iconWrapper, true), _defineProperty(_classNames, classes[iconColor], true), _defineProperty(_classNames, classes.iconWrapperVertical, vertical), _classNames));\n var iconClasses = classNames((_classNames2 = {}, _defineProperty(_classNames2, classes.icon, true), _defineProperty(_classNames2, classes.iconVertical, vertical), _classNames2));\n return __jsx(\"div\", {\n className: classes.infoArea,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 26,\n columnNumber: 5\n }\n }, __jsx(\"div\", {\n className: classes.descriptionWrapper,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 27,\n columnNumber: 7\n }\n }, __jsx(\"h4\", {\n className: classes.title,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 28,\n columnNumber: 9\n }\n }, title), __jsx(\"p\", {\n className: classes.description,\n __self: this,\n __source: {\n fileName: _jsxFileName,\n lineNumber: 29,\n columnNumber: 9\n }\n }, description)));\n}\nInfoArea.defaultProps = {\n iconColor: \"gray\"\n};\nInfoArea.propTypes = {\n icon: PropTypes.object.isRequired,\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\n description: PropTypes.string.isRequired,\n iconColor: PropTypes.oneOf([\"primary\", \"warning\", \"danger\", \"success\", \"info\", \"rose\", \"gray\"]),\n vertical: PropTypes.bool\n};","map":{"version":3,"sources":["E:/Project/tbg-ecomm-nextjs/components/InfoArea/InfoArea.js"],"names":["React","PropTypes","classNames","makeStyles","styles","useStyles","InfoArea","props","classes","title","description","iconColor","vertical","iconWrapper","iconWrapperVertical","iconClasses","icon","iconVertical","infoArea","descriptionWrapper","defaultProps","propTypes","object","isRequired","oneOfType","string","node","oneOf","bool"],"mappings":";;;AAAA,OAAOA,KAAP,MAAkB,OAAlB,C,CACA;;AACA,OAAOC,SAAP,MAAsB,YAAtB,C,CACA;;AACA,OAAOC,UAAP,MAAuB,YAAvB,C,CACA;;AACA,SAASC,UAAT,QAA2B,0BAA3B;AAEA,OAAOC,MAAP,MAAmB,wDAAnB;AAEA,IAAMC,SAAS,GAAGF,UAAU,CAACC,MAAD,CAA5B;AAEA,eAAe,SAASE,QAAT,CAAkBC,KAAlB,EAAyB;AAAA;;AACtC,MAAMC,OAAO,GAAGH,SAAS,EAAzB;AACA,MAAQI,KAAR,GAAoDF,KAApD,CAAQE,KAAR;AAAA,MAAeC,WAAf,GAAoDH,KAApD,CAAeG,WAAf;AAAA,MAA4BC,SAA5B,GAAoDJ,KAApD,CAA4BI,SAA5B;AAAA,MAAuCC,QAAvC,GAAoDL,KAApD,CAAuCK,QAAvC;AACA,MAAMC,WAAW,GAAGX,UAAU,iDAC3BM,OAAO,CAACK,WADmB,EACL,IADK,gCAE3BL,OAAO,CAACG,SAAD,CAFoB,EAEN,IAFM,gCAG3BH,OAAO,CAACM,mBAHmB,EAGGF,QAHH,gBAA9B;AAKA,MAAMG,WAAW,GAAGb,UAAU,mDAC3BM,OAAO,CAACQ,IADmB,EACZ,IADY,iCAE3BR,OAAO,CAACS,YAFmB,EAEJL,QAFI,iBAA9B;AAIA,SACE;AAAK,IAAA,SAAS,EAAEJ,OAAO,CAACU,QAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAK,IAAA,SAAS,EAAEV,OAAO,CAACW,kBAAxB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KACE;AAAI,IAAA,SAAS,EAAEX,OAAO,CAACC,KAAvB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAA+BA,KAA/B,CADF,EAEE;AAAG,IAAA,SAAS,EAAED,OAAO,CAACE,WAAtB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAAoCA,WAApC,CAFF,CADF,CADF;AAQD;AAEDJ,QAAQ,CAACc,YAAT,GAAwB;AACtBT,EAAAA,SAAS,EAAE;AADW,CAAxB;AAIAL,QAAQ,CAACe,SAAT,GAAqB;AACnBL,EAAAA,IAAI,EAAEf,SAAS,CAACqB,MAAV,CAAiBC,UADJ;AAEnBd,EAAAA,KAAK,EAAER,SAAS,CAACuB,SAAV,CAAoB,CAACvB,SAAS,CAACwB,MAAX,EAAmBxB,SAAS,CAACyB,IAA7B,CAApB,EAAwDH,UAF5C;AAGnBb,EAAAA,WAAW,EAAET,SAAS,CAACwB,MAAV,CAAiBF,UAHX;AAInBZ,EAAAA,SAAS,EAAEV,SAAS,CAAC0B,KAAV,CAAgB,CACzB,SADyB,EAEzB,SAFyB,EAGzB,QAHyB,EAIzB,SAJyB,EAKzB,MALyB,EAMzB,MANyB,EAOzB,MAPyB,CAAhB,CAJQ;AAanBf,EAAAA,QAAQ,EAAEX,SAAS,CAAC2B;AAbD,CAArB","sourcesContent":["import React from \"react\";\r\n// nodejs library to set properties for components\r\nimport PropTypes from \"prop-types\";\r\n// nodejs library that concatenates classes\r\nimport classNames from \"classnames\";\r\n// @material-ui/core components\r\nimport { makeStyles } from \"@material-ui/core/styles\";\r\n\r\nimport styles from \"assets/jss/nextjs-material-kit/components/infoStyle.js\";\r\n\r\nconst useStyles = makeStyles(styles);\r\n\r\nexport default function InfoArea(props) {\r\n const classes = useStyles();\r\n const { title, description, iconColor, vertical } = props;\r\n const iconWrapper = classNames({\r\n [classes.iconWrapper]: true,\r\n [classes[iconColor]]: true,\r\n [classes.iconWrapperVertical]: vertical\r\n });\r\n const iconClasses = classNames({\r\n [classes.icon]: true,\r\n [classes.iconVertical]: vertical\r\n });\r\n return (\r\n <div className={classes.infoArea}>\r\n <div className={classes.descriptionWrapper}>\r\n <h4 className={classes.title}>{title}</h4>\r\n <p className={classes.description}>{description}</p>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nInfoArea.defaultProps = {\r\n iconColor: \"gray\"\r\n};\r\n\r\nInfoArea.propTypes = {\r\n icon: PropTypes.object.isRequired,\r\n title: PropTypes.oneOfType([PropTypes.string, PropTypes.node]).isRequired,\r\n description: PropTypes.string.isRequired,\r\n iconColor: PropTypes.oneOf([\r\n \"primary\",\r\n \"warning\",\r\n \"danger\",\r\n \"success\",\r\n \"info\",\r\n \"rose\",\r\n \"gray\"\r\n ]),\r\n vertical: PropTypes.bool\r\n};\r\n"]},"metadata":{},"sourceType":"module"}