{"version":3,"file":"static/js/6001.8a01f0f9.chunk.js","mappings":"wQA6BA,EA7BoB,CACnBA,GAAI,CACH,CACCC,WAAY,OACZC,MAAO,+BAER,CACCD,WAAY,YACZC,MAAO,oBAER,CACCD,WAAY,UACZC,MAAO,mBAER,CACCD,WAAY,QACZC,MAAO,2BAER,CACCD,WAAY,WACZC,MAAO,6BAER,CACCD,WAAY,SACZC,MAAO,eCHV,G,kBAnBeC,E,SAAAA,IAAW,SAAAC,GAAK,MAAK,CACnCC,OAAQ,CACPC,WAAYF,EAAMG,QAAQC,QAAQC,KAClCC,UAAW,GACX,YAAa,CACZC,OAAQ,QAET,oBAAqB,CACpBA,OAAQ,QAET,kBAAmB,CAClBA,OAAQ,SAGVC,UAAW,CACVD,OAAQ,QAET,K,4BCLDE,EAAAA,GAAAA,IAAe,CAACC,EAAAA,KAEhB,IAAMC,GAAYC,EAAAA,EAAAA,KAAS,kBAAM,+BAAqC,IAChEC,GAAOD,EAAAA,EAAAA,KAAS,kBAAM,+BAAgB,IACtCE,GAAQF,EAAAA,EAAAA,KAAS,kBAAM,+BAAiB,IACxCG,GAASH,EAAAA,EAAAA,KAAS,kBAAM,8BAAkB,IAC1CI,GAAWJ,EAAAA,EAAAA,KAAS,kBAAM,+BAAoB,IAE9CK,EAAa,SAAHC,GAAkC,IAA5BrB,EAAUqB,EAAVrB,WAAesB,GAAKC,EAAAA,EAAAA,GAAAF,EAAAG,GACzC,OAAQxB,GACP,IAAK,QACJ,OAAOyB,EAAAA,EAAAA,KAACR,GAAKS,EAAAA,EAAAA,GAAA,CAAC1B,WAAYA,GAAgBsB,IAC3C,IAAK,SACJ,OAAOG,EAAAA,EAAAA,KAACP,GAAMQ,EAAAA,EAAAA,GAAA,CAAC1B,WAAYA,GAAgBsB,IAC5C,IAAK,WACJ,OAAOG,EAAAA,EAAAA,KAACN,GAAQO,EAAAA,EAAAA,GAAA,CAAC1B,WAAYA,GAAgBsB,IAC9C,QACC,OAAOG,EAAAA,EAAAA,KAACT,GAAIU,EAAAA,EAAAA,GAAA,CAAC1B,WAAYA,GAAgBsB,IAE5C,EAmDA,EAjDe,WACd,IAAAK,GAAmBC,EAAAA,EAAAA,YAAWC,EAAAA,SACtBC,GADkCC,EAAAA,EAAAA,GAAAJ,EAAA,GAA3B,GACPG,KACFE,EAAMC,IAENC,EAAmB,OAAXC,QAAW,IAAXA,OAAW,EAAXA,EAAcL,GAE5B,OACCL,EAAAA,EAAAA,KAAA,OAAKW,WAAWC,EAAAA,EAAAA,SAAKL,EAAI5B,OAAQ,oCAAoCkC,UACpEb,EAAAA,EAAAA,KAACX,EAAS,CAACsB,WAAWC,EAAAA,EAAAA,SAAKL,EAAIrB,UAAW,wCAAwC2B,UACjFb,EAAAA,EAAAA,KAACc,EAAAA,GAAM,CACNC,SAAU,CACTC,MAAO,KAERC,YAAa,CACZ,EAAG,CACFC,cAAe,GAEhB,IAAK,CACJA,cAAe,GAEhB,IAAK,CACJA,cAAe,GAEhB,KAAM,CACLA,cAAe,IAGjBF,MAAO,IACPG,QAAS,CAAC/B,EAAAA,IACVgC,aAAc,GACdC,gBAAgB,EAChBC,MAAO,IAAIT,SAEL,OAALJ,QAAK,IAALA,OAAK,EAALA,EAAOc,KAAI,SAAAC,GACX,IAAQjD,EAAsBiD,EAAtBjD,WAAYC,EAAUgD,EAAVhD,MAEpB,OACCwB,EAAAA,EAAAA,KAACyB,EAAAA,GAAW,CAAAZ,UACXb,EAAAA,EAAAA,KAACL,EAAU,CAACpB,WAAYA,EAAY8B,KAAMA,EAAM7B,MAAOA,KADtCD,EAIpB,SAKL,C","sources":["utils/bannerItems.js","components/views/Header/Banner/Banner.styles.js","components/views/Header/Banner/index.jsx"],"sourcesContent":["const bannerItems = {\r\n\tde: [\r\n\t\t{\r\n\t\t\tidentifier: \"bike\",\r\n\t\t\ttitle: \"Neue und neuwertige E-Bikes\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tidentifier: \"guarantee\",\r\n\t\t\ttitle: \"2 Jahre Garantie\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tidentifier: \"payment\",\r\n\t\t\ttitle: \"0% Finanzierung\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tidentifier: \"phone\",\r\n\t\t\ttitle: \"Persönliche Beratung\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tidentifier: \"whatsapp\",\r\n\t\t\ttitle: \"Fachberatung via WhatsApp\"\r\n\t\t},\r\n\t\t{\r\n\t\t\tidentifier: \"rating\",\r\n\t\t\ttitle: \"Bewertung\"\r\n\t\t}\r\n\t]\r\n};\r\n\r\nexport default bannerItems;\r\n","import makeStyles from \"@material-ui/styles/makeStyles\";\r\n\r\nconst styles = makeStyles(theme => ({\r\n\tbanner: {\r\n\t\tbackground: theme.palette.primary.main,\r\n\t\tminHeight: 40,\r\n\t\t\"& .swiper\": {\r\n\t\t\theight: \"100%\"\r\n\t\t},\r\n\t\t\"& .swiper-wrapper\": {\r\n\t\t\theight: \"100%\"\r\n\t\t},\r\n\t\t\"& .swiper-slide\": {\r\n\t\t\theight: \"100%\"\r\n\t\t}\r\n\t},\r\n\tcontainer: {\r\n\t\theight: \"100%\"\r\n\t}\r\n}));\r\n\r\nexport default styles;\r\n","import React, { useContext } from \"react\";\r\nimport loadable from \"@loadable/component\";\r\nimport clsx from \"clsx\";\r\nimport PageContext from \"@PageContext\";\r\nimport SwiperCore, { Autoplay } from \"swiper/core\";\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport bannerItems from \"../../../../utils/bannerItems\";\r\n\r\nimport \"swiper/css\";\r\nimport \"swiper/css/autoplay\";\r\nimport \"swiper/css/pagination\";\r\n\r\nimport styles from \"./Banner.styles\";\r\n\r\nSwiperCore.use([Autoplay]);\r\n\r\nconst Container = loadable(() => import(\"@Components/views/Container\"));\r\nconst Item = loadable(() => import(\"./Item\"));\r\nconst Phone = loadable(() => import(\"./Phone\"));\r\nconst Rating = loadable(() => import(\"./Rating\"));\r\nconst WhatsApp = loadable(() => import(\"./WhatsApp\"));\r\n\r\nconst BannerItem = ({ identifier, ...props }) => {\r\n\tswitch (identifier) {\r\n\t\tcase \"phone\":\r\n\t\t\treturn <Phone identifier={identifier} {...props} />;\r\n\t\tcase \"rating\":\r\n\t\t\treturn <Rating identifier={identifier} {...props} />;\r\n\t\tcase \"whatsapp\":\r\n\t\t\treturn <WhatsApp identifier={identifier} {...props} />;\r\n\t\tdefault:\r\n\t\t\treturn <Item identifier={identifier} {...props} />;\r\n\t}\r\n};\r\n\r\nconst Banner = () => {\r\n\tconst [pageData] = useContext(PageContext);\r\n\tconst { lang } = pageData;\r\n\tconst css = styles();\r\n\r\n\tconst items = bannerItems?.[lang];\r\n\r\n\treturn (\r\n\t\t<div className={clsx(css.banner, \"mco-view-component-header-banner\")}>\r\n\t\t\t<Container className={clsx(css.container, \"mco-view-component-header__container\")}>\r\n\t\t\t\t<Swiper\r\n\t\t\t\t\tautoplay={{\r\n\t\t\t\t\t\tdelay: 5000\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tbreakpoints={{\r\n\t\t\t\t\t\t0: {\r\n\t\t\t\t\t\t\tslidesPerView: 1\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t600: {\r\n\t\t\t\t\t\t\tslidesPerView: 2\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t960: {\r\n\t\t\t\t\t\t\tslidesPerView: 3\r\n\t\t\t\t\t\t},\r\n\t\t\t\t\t\t1024: {\r\n\t\t\t\t\t\t\tslidesPerView: 4\r\n\t\t\t\t\t\t}\r\n\t\t\t\t\t}}\r\n\t\t\t\t\tdelay={2000}\r\n\t\t\t\t\tmodules={[Autoplay]}\r\n\t\t\t\t\tspaceBetween={32}\r\n\t\t\t\t\tsetWrapperSize={true}\r\n\t\t\t\t\tspeed={800}\r\n\t\t\t\t>\r\n\t\t\t\t\t{items?.map(item => {\r\n\t\t\t\t\t\tconst { identifier, title } = item;\r\n\r\n\t\t\t\t\t\treturn (\r\n\t\t\t\t\t\t\t<SwiperSlide key={identifier}>\r\n\t\t\t\t\t\t\t\t<BannerItem identifier={identifier} lang={lang} title={title} />\r\n\t\t\t\t\t\t\t</SwiperSlide>\r\n\t\t\t\t\t\t);\r\n\t\t\t\t\t})}\r\n\t\t\t\t</Swiper>\r\n\t\t\t</Container>\r\n\t\t</div>\r\n\t);\r\n};\r\n\r\nexport default Banner;\r\n"],"names":["de","identifier","title","makeStyles","theme","banner","background","palette","primary","main","minHeight","height","container","SwiperCore","Autoplay","Container","loadable","Item","Phone","Rating","WhatsApp","BannerItem","_ref","props","_objectWithoutProperties","_excluded","_jsx","_objectSpread","_useContext","useContext","PageContext","lang","_slicedToArray","css","styles","items","bannerItems","className","clsx","children","Swiper","autoplay","delay","breakpoints","slidesPerView","modules","spaceBetween","setWrapperSize","speed","map","item","SwiperSlide"],"sourceRoot":""}