{"version":3,"file":"static/js/metamenuItem.e50bdfe7.chunk.js","mappings":"4LAKMA,GAAeC,EAAAA,EAAAA,OAAK,kBACzB,4DAEKC,GAAYD,EAAAA,EAAAA,OAAK,kBACtB,mCAGKE,GAAYC,EAAAA,EAAAA,IAAW,SAAAC,GAAK,0BAAK,CACtCC,MAAK,wBACJC,MAAO,UACPC,QAAS,QACTC,OAAQJ,EAAMK,QAAQ,EAAG,IACzBC,QAASN,EAAMK,QAAQ,GAAK,IAC5BE,WAAYP,EAAMQ,YAAYC,OAAO,QAAS,CAC7CC,SAAUV,EAAMQ,YAAYE,SAASC,UAEtC,mBAAoB,CACnBT,MAAO,YAEPF,EAAMY,YAAYC,KAAK,MAAQ,CAC/BC,SAAU,SACVC,aAAc,WACdC,WAAY,WAdV,OAgBAhB,QAhBA,IAgBAA,GAhBA,UAgBAA,EAAOiB,wBAhBP,iBAgBA,EAAyBC,gBAhBzB,iBAgBA,EAAmCC,gBAhBnC,iBAgBA,EAA6CC,cAhB7C,aAgBA,EAAqDC,QAhBrD,cAiBFrB,EAAMY,YAAYU,GAAG,OAjBnB,iBAkBCtB,QAlBD,IAkBCA,GAlBD,UAkBCA,EAAOiB,wBAlBR,iBAkBC,EAAyBC,gBAlB1B,iBAkBC,EAAmCC,gBAlBpC,iBAkBC,EAA6CI,eAlB9C,aAkBC,EAAsDF,UAG3DG,aAAc,CACbC,eAAgB,aAEjBC,KAAM,CACLC,YAAW,OAAE3B,QAAF,IAAEA,OAAF,EAAEA,EAAOK,QAAQ,QAuC9B,UAnCqB,SAAC,GAA6C,IAA3CqB,EAA0C,EAA1CA,KAAMzB,EAAoC,EAApCA,KAAM2B,EAA8B,EAA9BA,SAAUC,EAAoB,EAApBA,OAAQC,EAAY,EAAZA,MAC/CC,EAAMjC,IACNkC,EAAU/B,GAAiB,MAATA,EAExB,OACC,SAAC,EAAAgC,SAAD,CAAUC,UAAU,wBAApB,UACC,UAACrC,EAAD,CACCsC,WAAWC,EAAAA,EAAAA,SAAK,iCAAkCL,EAAI9B,MAAvC,UACb8B,EAAIP,aAAe,4CAA8CI,IAEnES,GAAIL,EAAU/B,EAAO,IACrB4B,OAAQA,GAAkB,KAL3B,UAOEH,IACA,SAAC,EAAAO,SAAD,CAAUC,UAAU,wBAApB,UACC,SAACvC,EAAD,CACCwC,WAAWC,EAAAA,EAAAA,SAAK,iCAAkCL,EAAIL,MACtDY,IAAKZ,OAIR,iBAAMa,wBAAyB,CAAEC,OAAQV","sources":["views/components/footer/metamenuItem.jsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport makeStyles from \"@material-ui/styles/makeStyles\";\n\nconst ReactSVGIcon = lazy(() =>\n\timport(/* webpackChunkName: \"reactSVGIcon\" */ \"@micado-digital/react-svg-icon/ReactSVGIcon\")\n);\nconst ReactLink = lazy(() =>\n\timport(/* webpackChunkName: \"reactLink\" */ \"@micado-digital/react-link/ReactLink\")\n);\n\nconst useStyles = makeStyles(theme => ({\n\tlink: {\n\t\tcolor: \"inherit\",\n\t\tdisplay: \"block\",\n\t\tmargin: theme.spacing(0, 0.5),\n\t\tpadding: theme.spacing(0.5, 0.5),\n\t\ttransition: theme.transitions.create(\"color\", {\n\t\t\tduration: theme.transitions.duration.complex\n\t\t}),\n\t\t\"&:hover, &:focus\": {\n\t\t\tcolor: \"#FFFFFF\"\n\t\t},\n\t\t[theme.breakpoints.down(\"md\")]: {\n\t\t\toverflow: \"hidden\",\n\t\t\ttextOverflow: \"ellipsis\",\n\t\t\twhiteSpace: \"nowrap\"\n\t\t},\n\t\t...theme?.customTypography?.footer02?.metamenu?.mobile?.level1,\n\t\t[theme.breakpoints.up(\"lg\")]: {\n\t\t\t...theme?.customTypography?.footer02?.metamenu?.desktop?.level1\n\t\t}\n\t},\n\tlinkSelected: {\n\t\ttextDecoration: \"underline\"\n\t},\n\ticon: {\n\t\tmarginRight: theme?.spacing(2)\n\t}\n}));\n\nconst MetamenuItem = ({ icon, link, selected, target, title }) => {\n\tconst css = useStyles();\n\tconst hasHref = link && link !== \"#\";\n\n\treturn (\n\t\t<Suspense fallback={<></>}>\n\t\t\t<ReactLink\n\t\t\t\tclassName={clsx(\"mco-footer-02__footermenu-item\", css.link, {\n\t\t\t\t\t[css.linkSelected + \" mco-footer-02__footermenu-item--selected\"]: selected\n\t\t\t\t})}\n\t\t\t\tto={hasHref ? link : \"#\"}\n\t\t\t\ttarget={target ? target : null}\n\t\t\t>\n\t\t\t\t{icon && (\n\t\t\t\t\t<Suspense fallback={<></>}>\n\t\t\t\t\t\t<ReactSVGIcon\n\t\t\t\t\t\t\tclassName={clsx(\"mco-footer-02__footermenu-icon\", css.icon)}\n\t\t\t\t\t\t\tsrc={icon}\n\t\t\t\t\t\t></ReactSVGIcon>\n\t\t\t\t\t</Suspense>\n\t\t\t\t)}\n\t\t\t\t<span dangerouslySetInnerHTML={{ __html: title }} />\n\t\t\t</ReactLink>\n\t\t</Suspense>\n\t);\n};\n\nMetamenuItem.propTypes = {\n\ticon: PropTypes.string,\n\tlink: PropTypes.string.isRequired,\n\tselected: PropTypes.bool,\n\ttarget: PropTypes.string,\n\ttitle: PropTypes.string.isRequired\n};\n\nexport default MetamenuItem;\n"],"names":["ReactSVGIcon","lazy","ReactLink","useStyles","makeStyles","theme","link","color","display","margin","spacing","padding","transition","transitions","create","duration","complex","breakpoints","down","overflow","textOverflow","whiteSpace","customTypography","footer02","metamenu","mobile","level1","up","desktop","linkSelected","textDecoration","icon","marginRight","selected","target","title","css","hasHref","Suspense","fallback","className","clsx","to","src","dangerouslySetInnerHTML","__html"],"sourceRoot":""}