{"version":3,"file":"static/js/reactBooking.8f2b2caf.chunk.js","mappings":"mPAWMA,GAASC,EAAAA,EAAAA,OAAK,kBACnB,kCAGKC,GAAYC,EAAAA,EAAAA,IAAW,SAAAC,GAAK,YAAK,CACtCC,KAAM,CACL,eACCC,SAAU,KADX,SAEEF,EAAMG,YAAYC,GAAG,MAAQ,CAC7BF,SAAU,MAHZ,SAKEF,EAAMG,YAAYC,GAAG,MAAQ,CAC7BF,SAAU,KANZ,QA0DF,UA9CgB,SAAC,GAAmD,IAAjDG,EAAgD,EAAhDA,MAAOC,EAAyC,EAAzCA,KAAMC,EAAmC,EAAnCA,KAAMC,EAA6B,EAA7BA,SAAUC,EAAmB,EAAnBA,KAAMC,EAAa,EAAbA,OAC/CC,EAAMb,IACNE,GAAQY,EAAAA,EAAAA,KACRC,GAAYC,EAAAA,EAAAA,GAAcd,EAAMG,YAAYC,GAAG,OAC/CW,GAAIC,EAAAA,EAAAA,SAAU,CACnBV,KAAMA,EACNW,IAAK,CACJC,GAAIC,EACJC,GAAIC,KAIN,OACC,SAAC,IAAD,CAAKC,WAAWC,EAAAA,EAAAA,SAAK,sBAAuBZ,EAAIV,MAAhD,UACC,SAAC,EAAAuB,SAAD,CAAUC,UAAU,wBAApB,UACC,SAAC7B,EAAD,CACC8B,MAAOX,EAAE,wBACTY,MACCtB,GAASG,EACNR,EAAM4B,QAAQC,QAAQC,KACtBrB,EACAT,EAAM4B,QAAQG,UAAUD,KACxB,UAEJE,WACC3B,GAASG,EAAWR,EAAM4B,QAAQG,UAAUD,KAAO9B,EAAM4B,QAAQC,QAAQC,KAE1EG,OACC5B,GAASG,EAAWR,EAAM4B,QAAQC,QAAQC,KAAO9B,EAAM4B,QAAQG,UAAUD,KAE1EI,YACC7B,GAASG,EAAWR,EAAM4B,QAAQG,UAAUD,KAAO9B,EAAM4B,QAAQC,QAAQC,KAE1EvB,KAAMA,EACNG,OAAQA,EACRyB,KAAMtB,EAAY,SAAW","sources":["views/components/header/booking.jsx"],"sourcesContent":["import React, { lazy, Suspense } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport Box from \"@material-ui/core/Box\";\nimport useTheme from \"@material-ui/styles/useTheme\";\nimport useMediaQuery from \"@material-ui/core/useMediaQuery\";\nimport makeStyles from \"@material-ui/styles/makeStyles\";\nimport useLocals from \"@micado-digital/react-ui/hooks/useLocals\";\nimport localDE from \"../../../locales/de.json\";\nimport localEN from \"../../../locales/en.json\";\n\nconst Button = lazy(() =>\n\timport(/* webpackChunkName: \"reactButton\" */ \"../../../components/button\")\n);\n\nconst useStyles = makeStyles(theme => ({\n\troot: {\n\t\t\"& button\": {\n\t\t\tfontSize: 14,\n\t\t\t[theme.breakpoints.up(\"sm\")]: {\n\t\t\t\tfontSize: 16\n\t\t\t},\n\t\t\t[theme.breakpoints.up(\"lg\")]: {\n\t\t\t\tfontSize: 23\n\t\t\t}\n\t\t}\n\t}\n}));\n\nconst Booking = ({ fixed, lang, link, menuOpen, mode, target }) => {\n\tconst css = useStyles();\n\tconst theme = useTheme();\n\tconst bigScreen = useMediaQuery(theme.breakpoints.up(\"lg\"));\n\tconst l = useLocals({\n\t\tlang: lang,\n\t\tres: {\n\t\t\tde: localDE,\n\t\t\ten: localEN\n\t\t}\n\t});\n\n\treturn (\n\t\t<Box className={clsx(\"mco-header__booking\", css.root)}>\n\t\t\t<Suspense fallback={<></>}>\n\t\t\t\t<Button\n\t\t\t\t\tlabel={l(\"header.buttonBooking\")}\n\t\t\t\t\tcolor={\n\t\t\t\t\t\tfixed || menuOpen\n\t\t\t\t\t\t\t? theme.palette.primary.main\n\t\t\t\t\t\t\t: mode\n\t\t\t\t\t\t\t? theme.palette.secondary.main\n\t\t\t\t\t\t\t: \"#FFFFFF\"\n\t\t\t\t\t}\n\t\t\t\t\tcolorHover={\n\t\t\t\t\t\tfixed || menuOpen ? theme.palette.secondary.main : theme.palette.primary.main\n\t\t\t\t\t}\n\t\t\t\t\tborder={\n\t\t\t\t\t\tfixed || menuOpen ? theme.palette.primary.main : theme.palette.secondary.main\n\t\t\t\t\t}\n\t\t\t\t\tborderHover={\n\t\t\t\t\t\tfixed || menuOpen ? theme.palette.secondary.main : theme.palette.primary.main\n\t\t\t\t\t}\n\t\t\t\t\tlink={link}\n\t\t\t\t\ttarget={target}\n\t\t\t\t\tsize={bigScreen ? \"medium\" : \"small\"}\n\t\t\t\t></Button>\n\t\t\t</Suspense>\n\t\t</Box>\n\t);\n};\n\nBooking.propTypes = {\n\tlink: PropTypes.string.isRequired\n};\n\nexport default Booking;\n"],"names":["Button","lazy","useStyles","makeStyles","theme","root","fontSize","breakpoints","up","fixed","lang","link","menuOpen","mode","target","css","useTheme","bigScreen","useMediaQuery","l","useLocals","res","de","localDE","en","localEN","className","clsx","Suspense","fallback","label","color","palette","primary","main","secondary","colorHover","border","borderHover","size"],"sourceRoot":""}