{"version":3,"file":"MediumScreen-C3mDVpmg.js","sources":["../../../app/javascript/images/MediumBackgroundGrid.svg","../../../app/javascript/components/HomepageHero/Pages/MediumScreen.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='988'%20height='597'%20viewBox='0%200%20988%20597'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M96.998%20143L96.9981%20544'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M240.998%2022L240.998%20544'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M384.998%200L384.998%20597'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M528.998%2022L528.998%20597'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M672.998%2072L672.998%20597'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M816.998%20118L816.998%20597'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M960.998%20310L960.998%20597'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M11.002%20190L877.002%20190'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M0.998047%20334L987.998%20334'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M0.998047%20478L987.998%20478'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M98.002%2046L766.002%2046'%20stroke='%23E4E8F0'/%3e%3c/svg%3e\"","import React from \"react\";\nimport { Background, Image } from \"playbook-ui\";\nimport WelcomeComponent from \"./Welcome\";\nimport {\n  ConnectedDevicesCard,\n  OrderDetailsCard,\n  SelectPlanCard,\n  SubscribeToggleCard,\n  TicketsChartCard,\n  NotificationsSmallCard,\n} from \"../HeroComponents\";\n// @ts-ignore\nimport GridMedium from \"../../../images/MediumBackgroundGrid.svg\";\nimport BlurBackground from \"./BlurBackground\";\n\nconst MediumScreen = () => {\n  return (\n    <>\n      <Background\n        alignItems=\"center\"\n        backgroundColor=\"white\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        justifyContent=\"center\"\n        paddingTop=\"xl\"\n        paddingBottom=\"sm\"\n      >\n        <WelcomeComponent\n          fixedSize=\"963px\"\n          headerAlign=\"center\"\n          buttonsAlignment=\"center\"\n          displayProps={{\n            display: \"flex\",\n            flexDirection: \"column\",\n            alignItems: \"center\",\n          }}\n        />\n      </Background>\n\n      <Background\n        className=\"homepage_hero_container_cards\"\n        display=\"flex\"\n        flexDirection=\"column\"\n        justifyContent=\"center\"\n        alignItems=\"center\"\n        position=\"relative\"\n      >\n        <Image url={GridMedium} />\n        <BlurBackground\n          firstBlurClass=\"blur_3\"\n          firstBlurHeight=\"138.544px\"\n          firstBlurWidth=\"184.867px\"\n          secondBlurClass=\"blur_4\"\n          secondBlurHeight=\"359.581px\"\n          secondBlurWidth=\"479.808px\"\n        />\n        <TicketsChartCard />\n        <ConnectedDevicesCard />\n        <NotificationsSmallCard />\n        <OrderDetailsCard />\n        <SelectPlanCard />\n        <SubscribeToggleCard />\n      </Background>\n    </>\n  );\n};\n\nexport default MediumScreen;\n"],"names":["GridMedium","MediumScreen","jsxs","Fragment","jsx","Background","WelcomeComponent","Image","BlurBackground","TicketsChartCard","ConnectedDevicesCard","NotificationsSmallCard","OrderDetailsCard","SelectPlanCard","SubscribeToggleCard"],"mappings":"6lBAAA,MAAeA,EAAA,g3BCeTC,EAAe,IAGfC,EAAA,KAAAC,WAAA,CAAA,SAAA,CAAAC,EAAA,IAACC,EAAA,CACC,WAAW,SACX,gBAAgB,QAChB,QAAQ,OACR,cAAc,SACd,eAAe,SACf,WAAW,KACX,cAAc,KAEd,SAAAD,EAAA,IAACE,EAAA,CACC,UAAU,QACV,YAAY,SACZ,iBAAiB,SACjB,aAAc,CACZ,QAAS,OACT,cAAe,SACf,WAAY,QACd,CAAA,CACF,CAAA,CACF,EAEAJ,EAAA,KAACG,EAAA,CACC,UAAU,gCACV,QAAQ,OACR,cAAc,SACd,eAAe,SACf,WAAW,SACX,SAAS,WAET,SAAA,CAACD,EAAAA,IAAAG,EAAA,CAAM,IAAKP,CAAY,CAAA,EACxBI,EAAA,IAACI,EAAA,CACC,eAAe,SACf,gBAAgB,YAChB,eAAe,YACf,gBAAgB,SAChB,iBAAiB,YACjB,gBAAgB,WAAA,CAClB,QACCC,EAAiB,EAAA,QACjBC,EAAqB,EAAA,QACrBC,EAAuB,EAAA,QACvBC,EAAiB,EAAA,QACjBC,EAAe,EAAA,QACfC,EAAoB,EAAA,CAAA,CAAA,CACvB,CACF,CAAA,CAAA"}