tbg-ecomm-nextjs/.next/cache/next-babel-loader/15f37b64e91a3404ed59677aef8641e7.json

{"ast":null,"code":"var __jsx = React.createElement;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport React from \"react\"; // nodejs library that concatenates classes\n\nimport classNames from \"classnames\"; // nodejs library to set properties for components\n\n// material-ui components\nimport { makeStyles } from \"@material-ui/core/styles\";\nimport Tabs from \"@material-ui/core/Tabs\";\nimport Tab from \"@material-ui/core/Tab\";\nimport Icon from \"@material-ui/core/Icon\"; // core components\n\nimport Card from \"components/Card/Card.js\";\nimport CardBody from \"components/Card/CardBody.js\";\nimport CardHeader from \"components/Card/CardHeader.js\";\nimport styles from \"assets/jss/nextjs-material-kit/components/customTabsStyle.js\";\nconst useStyles = makeStyles(styles);\nexport default function CustomTabs(props) {\n  const [value, setValue] = React.useState(0);\n\n  const handleChange = (event, value) => {\n    setValue(value);\n  };\n\n  const classes = useStyles();\n  const {\n    headerColor,\n    plainTabs,\n    tabs,\n    title,\n    rtlActive\n  } = props;\n  const cardTitle = classNames({\n    [classes.cardTitle]: true,\n    [classes.cardTitleRTL]: rtlActive\n  });\n  return __jsx(Card, {\n    plain: plainTabs\n  }, __jsx(CardHeader, {\n    color: headerColor,\n    plain: plainTabs\n  }, title !== undefined ? __jsx(\"div\", {\n    className: cardTitle\n  }, title) : null, __jsx(Tabs, {\n    value: value,\n    onChange: handleChange,\n    classes: {\n      root: classes.tabsRoot,\n      indicator: classes.displayNone\n    }\n  }, tabs.map((prop, key) => {\n    var icon = {};\n\n    if (prop.tabIcon) {\n      icon = {\n        icon: typeof prop.tabIcon === \"string\" ? __jsx(Icon, null, prop.tabIcon) : __jsx(prop.tabIcon, null)\n      };\n    }\n\n    return __jsx(Tab, _extends({\n      classes: {\n        root: classes.tabRootButton,\n        label: classes.tabLabel,\n        selected: classes.tabSelected,\n        wrapper: classes.tabWrapper\n      },\n      key: key,\n      label: prop.tabName\n    }, icon));\n  }))), __jsx(CardBody, null, tabs.map((prop, key) => {\n    if (key === value) {\n      return __jsx(\"div\", {\n        key: key\n      }, prop.tabContent);\n    }\n\n    return null;\n  })));\n}","map":null,"metadata":{},"sourceType":"module"}