{"version":3,"file":"SmallScreen-DrWqyEFG.js","sources":["../../../app/javascript/images/SmallBackgroundGrid.svg","../../../app/javascript/components/HomepageHero/Pages/SmallScreen.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3csvg%20width='552'%20height='310'%20viewBox='0%200%20552%20310'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M168%2028L552%2028'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M24%2098L24%20310'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M144%2052L144%20310'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M264%200L264%20310'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M384%200L384%20292'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M504%200L504%20244'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M0%20148L528%20148'%20stroke='%23E4E8F0'/%3e%3cpath%20d='M0%20268L408%20268'%20stroke='%23E4E8F0'/%3e%3c/svg%3e\"","import React from \"react\";\nimport { Background, Image } from \"playbook-ui\";\nimport WelcomeComponent from \"./Welcome\";\nimport BlurBackground from \"./BlurBackground\";\nimport {\n  ConnectedDevicesCard,\n  OrderDetailsCard,\n  SubscribeToggleCard,\n  TicketsChartCard,\n} from \"../HeroComponents\";\n\n// @ts-ignore\nimport GridSmall from \"../../../images/SmallBackgroundGrid.svg\";\n\nconst SmallScreen = () => {\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=\"599px\"\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\n          url={GridSmall}\n          className=\"homepage_hero_container_cards_grid3\"\n        />\n        <BlurBackground\n          firstBlurClass=\"blur_5\"\n          firstBlurHeight=\"129px\"\n          firstBlurWidth=\"128px\"\n          secondBlurClass=\"blur_6\"\n          secondBlurHeight=\"160px\"\n          secondBlurWidth=\"252px\"\n        />\n\n        <ConnectedDevicesCard />\n        <OrderDetailsCard />\n        <SubscribeToggleCard />\n        <TicketsChartCard />\n      </Background>\n    </>\n  );\n};\n\nexport default SmallScreen;\n"],"names":["GridSmall","SmallScreen","jsxs","Fragment","jsx","Background","WelcomeComponent","Image","BlurBackground","ConnectedDevicesCard","OrderDetailsCard","SubscribeToggleCard","TicketsChartCard"],"mappings":"2fAAA,MAAeA,EAAA,+lBCcTC,EAAc,IAGdC,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,CAAAD,EAAA,IAACG,EAAA,CACC,IAAKP,EACL,UAAU,qCAAA,CACZ,EACAI,EAAA,IAACI,EAAA,CACC,eAAe,SACf,gBAAgB,QAChB,eAAe,QACf,gBAAgB,SAChB,iBAAiB,QACjB,gBAAgB,OAAA,CAClB,QAECC,EAAqB,EAAA,QACrBC,EAAiB,EAAA,QACjBC,EAAoB,EAAA,QACpBC,EAAiB,EAAA,CAAA,CAAA,CACpB,CACF,CAAA,CAAA"}