{"version":3,"file":"static/js/8791.59e1c199.chunk.js","mappings":"4NAkDA,GAhDeA,E,SAAAA,IAAW,SAAAC,GAAK,MAAK,CACnCC,SAAU,CACTC,WAAY,SACZC,MAAO,UACPC,QAAS,cACTC,IAAKL,EAAMM,QAAQ,GACnBC,QAAS,EACTC,QAASR,EAAMM,QAAQ,EAAG,GAC1BG,WAAY,mBACZC,WAAY,SACZ,UAAW,CACVP,MAAOH,EAAMW,QAAQC,QAAQC,MAE9B,uDAAwD,CACvDV,MAAOH,EAAMW,QAAQG,KAAKF,QAC1BR,QAAS,eACTW,OAAQf,EAAMM,QAAQ,EAAG,GACzBE,QAASR,EAAMM,QAAQ,GAAK,GAC5BG,WAAY,mBACZ,UAAW,CACVN,MAAOH,EAAMW,QAAQG,KAAKF,QAC1B,8EAA+E,CAC9ET,MAAOH,EAAMW,QAAQC,QAAQI,QAIhC,uDAAwD,CACvDb,MAAOH,EAAMW,QAAQM,OAAOC,MAC5BT,WAAY,oBAEb,uDAAwD,CACvDU,aAAc,wBACdC,UAAW,wBACXjB,MAAO,UACPI,QAAS,EACTC,QAASR,EAAMM,QAAQ,EAAG,GAC1BG,WAAY,2BACZ,UAAW,CACVU,aAAc,qBAEf,8EAA+E,CAC9EhB,MAAO,UACPgB,aAAc,uBAIjB,I,WC1CKE,GAAYC,EAAAA,EAAAA,UAAS,kBAAM,uCAA8C,IACzEC,GAAeD,EAAAA,EAAAA,UAAS,kBAAM,wDAAqD,IACnFE,GAAaF,EAAAA,EAAAA,UAAS,kBAAM,+BAAwD,IAuC1F,EArCiB,SAAHG,GAA4C,IAADC,EAArCC,EAAIF,EAAJE,KAAMC,EAAKH,EAALG,MAAOC,EAAOJ,EAAPI,QAASC,EAAQL,EAARK,SACnCC,EAAMC,IACJC,EAAwBN,EAAxBM,KAAMC,EAAkBP,EAAlBO,OAAQC,EAAUR,EAAVQ,MAClBC,EAAU,GAad,OAHEA,EAAU,gBAIXC,EAAAA,EAAAA,MAAChB,EAAS,CACTiB,WAAWC,EAAAA,EAAAA,SACVR,EAAI9B,SACJ,oDAAsD2B,EACtD,CACC,wDAAyDE,IAG3DD,QAAS,SAAAW,GAAC,OAAIX,GAAWA,EAAQW,EAAGb,EAAK,EACzCO,OAAQA,EACRO,GAAIR,EAAKS,SAAA,EAETC,EAAAA,EAAAA,KAACnB,EAAU,CAACoB,wBAAyB,CAAEC,OAAQV,GAASC,QAASA,KAC5D,OAAJT,QAAI,IAAJA,GAAW,QAAPD,EAAJC,EAAMmB,aAAK,IAAApB,OAAP,EAAJA,EAAaqB,QAAS,GAAe,IAAVnB,IAC3Be,EAAAA,EAAAA,KAACpB,EAAY,CAACyB,KAAM,GAAIC,IAAI,kCAIhC,C","sources":["components/views/Header/DesktopMenu/MenuItem/MenuItem.styles.js","components/views/Header/DesktopMenu/MenuItem/index.jsx"],"sourcesContent":["import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\tmenuItem: {\r\n\t\talignItems: \"center\",\r\n\t\tcolor: \"#FFFFFF\",\r\n\t\tdisplay: \"inline-flex\",\r\n\t\tgap: theme.spacing(1),\r\n\t\topacity: 1,\r\n\t\tpadding: theme.spacing(1, 0),\r\n\t\ttransition: \"color 300ms ease\",\r\n\t\twhiteSpace: \"nowrap\",\r\n\t\t\"&:hover\": {\r\n\t\t\tcolor: theme.palette.primary.main\r\n\t\t},\r\n\t\t\"&.mco-view-component-header-desktop-menu-item-level2\": {\r\n\t\t\tcolor: theme.palette.text.primary,\r\n\t\t\tdisplay: \"inline-block\",\r\n\t\t\tmargin: theme.spacing(1, 0),\r\n\t\t\tpadding: theme.spacing(0.5, 0),\r\n\t\t\ttransition: \"color 300ms ease\",\r\n\t\t\t\"&:hover\": {\r\n\t\t\t\tcolor: theme.palette.text.primary,\r\n\t\t\t\t\"&.mco-view-component-header-desktop-menu-item--selected, &.mco-link--active\": {\r\n\t\t\t\t\tcolor: theme.palette.primary.dark\r\n\t\t\t\t}\r\n\t\t\t}\r\n\t\t},\r\n\t\t\"&.mco-view-component-header-desktop-menu-item-level3\": {\r\n\t\t\tcolor: theme.palette.common.white,\r\n\t\t\ttransition: \"color 300ms ease\"\r\n\t\t},\r\n\t\t\"&.mco-view-component-header-desktop-menu-item-level1\": {\r\n\t\t\tborderBottom: \"3px solid transparent\",\r\n\t\t\tborderTop: \"3px solid transparent\",\r\n\t\t\tcolor: \"#FFFFFF\",\r\n\t\t\topacity: 1,\r\n\t\t\tpadding: theme.spacing(3, 0),\r\n\t\t\ttransition: \"border-bottom 250ms ease\",\r\n\t\t\t\"&:hover\": {\r\n\t\t\t\tborderBottom: \"3px solid #FFFFFF\"\r\n\t\t\t},\r\n\t\t\t\"&.mco-view-component-header-desktop-menu-item--selected, &.mco-link--active\": {\r\n\t\t\t\tcolor: \"#FFFFFF\",\r\n\t\t\t\tborderBottom: \"3px solid #FFFFFF\"\r\n\t\t\t}\r\n\t\t}\r\n\t}\r\n}));\r\n\r\nexport default styles;\r\n","import React from \"react\";\r\nimport loadable from \"@loadable/component\";\r\nimport clsx from \"clsx\";\r\n\r\nimport styles from \"./MenuItem.styles\";\r\n\r\nconst ReactLink = loadable(() => import(\"@micado-digital/react-link/ReactLink\"));\r\nconst ReactSVGIcon = loadable(() => import(\"@micado-digital/react-svg-icon/ReactSVGIcon\"));\r\nconst Typography = loadable(() => import(\"@micado-digital/react-ui/components/Typography\"));\r\n\r\nconst MenuItem = ({ item, level, onClick, selected }) => {\r\n\tconst css = styles();\r\n\tconst { link, target, title } = item;\r\n\tlet variant = \"\";\r\n\r\n\tswitch (level) {\r\n\t\tcase 1:\r\n\t\t\tvariant = \"label-medium\";\r\n\t\t\tbreak;\r\n\t\tcase 2:\r\n\t\t\tvariant = \"label-medium\";\r\n\t\t\tbreak;\r\n\t\tdefault:\r\n\t\t\tvariant = \"label-medium\";\r\n\t}\r\n\r\n\treturn (\r\n\t\t<ReactLink\r\n\t\t\tclassName={clsx(\r\n\t\t\t\tcss.menuItem,\r\n\t\t\t\t\"mco-view-component-header-desktop-menu-item-level\" + level,\r\n\t\t\t\t{\r\n\t\t\t\t\t\"mco-view-component-header-desktop-menu-item--selected\": selected\r\n\t\t\t\t}\r\n\t\t\t)}\r\n\t\t\tonClick={e => onClick && onClick(e, item)}\r\n\t\t\ttarget={target}\r\n\t\t\tto={link}\r\n\t\t>\r\n\t\t\t<Typography dangerouslySetInnerHTML={{ __html: title }} variant={variant} />\r\n\t\t\t{item?.items?.length > 0 && level === 1 && (\r\n\t\t\t\t<ReactSVGIcon size={16} src=\"/img/icons/chevron-down.svg\" />\r\n\t\t\t)}\r\n\t\t</ReactLink>\r\n\t);\r\n};\r\n\r\nexport default MenuItem;\r\n"],"names":["makeStyles","theme","menuItem","alignItems","color","display","gap","spacing","opacity","padding","transition","whiteSpace","palette","primary","main","text","margin","dark","common","white","borderBottom","borderTop","ReactLink","loadable","ReactSVGIcon","Typography","_ref","_item$items","item","level","onClick","selected","css","styles","link","target","title","variant","_jsxs","className","clsx","e","to","children","_jsx","dangerouslySetInnerHTML","__html","items","length","size","src"],"sourceRoot":""}