{"version":3,"sources":["webpack:///./src/common/components/molecules/Card/Card.tsx","webpack:///./src/common/components/molecules/CardCta/CardCtaArrow.svg","webpack:///./src/common/components/molecules/CardCta/CardCtaPdf.svg","webpack:///./src/common/components/molecules/CardCta/CardCtaDownload.tsx","webpack:///./src/common/components/molecules/CardCta/CardCta.tsx","webpack:///./src/common/components/molecules/CardCta/CardCtaContained.tsx","webpack:///./src/common/components/templates/Introduction.tsx","webpack:///./src/common/pages/IntroductionPage.tsx","webpack:///./src/common/components/organisms/FeatureList/index.ts","webpack:///./src/common/components/organisms/ProductList/ProductList.tsx","webpack:///./src/common/components/organisms/LeftIntro/LeftIntro.tsx"],"names":["iconSizeList","desktop","md","lg","Card","callToAction","disablePadding","icon","text","title","subtitle","style","iconSize","helpcentre","Box","bgcolor","borderRadius","data-testid","display","flexDirection","height","px","pt","pb","color","alt","src","width","Text","box","mt","mb","label","variant","component","RichText","html","Array","isArray","map","item","flex","CardCta","undefined","_extends","Object","assign","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","d","stroke","strokeWidth","strokeLinecap","strokeLinejoin","SvgCardCtaArrow","props","fill","clipRule","_ref2","SvgCardCtaPdf","CardCtaDownload","url","href","textDecoration","alignItems","borderBottom","Typography","fontSize","fontWeight","marginLeft","lineHeight","onClick","Link","TagManager","dataLayer","event","clickText","clickURL","clickID","path","rightIcon","size","CardCtaContained","startIcon","endIcon","marginRight","Introduction","featureList","featureList2","jumbotron","layout","secondCallToAction","productList","useDesktop","campaignFeatureProps","getCampaignFeatureProps","Layout","Jumbotron","Wrapper","Spacer","FeatureList","ProductList","IntroductionPage","pageContext","getIntroductionData","data","getLayoutData","features","image","features_subtitle","features_title","featurelist2__text","cta","featurelist2__cta","analyticsId","featurelist2__cta_analyticsid","featurelist2__cta_label","call_to_action__iconlocation","featurelist2__cta_icon","featurelist2__cta_url","featurelist2__cta_variant","noSpacer","featurelist2__image","featurelist2__title","featurelist2__subtitle","featurelist2__features","heading","productlist_heading","productlist_text","productlist_title","products","product","card_cta_0396ba7__cta_label","card_cta_0396ba7__cta_variant","card_cta_0396ba7__cta_url","productlist__icon","jumbotron__title","productlist__summary","getJumbotronData","title_campaign","text_campaign","image_campaign","call_to_action__analytics_id","call_to_action__label","call_to_action__icon","call_to_action__text","call_to_action__title","call_to_action__url","call_to_action__variant","generic","singleColumn","filter","transparent","useState","slice","filteredProducts","setfilteredProducts","count","setCount","background","Grid","container","xs","LeftIntro","spacing","justifyContent","Button","start","end","slicedPosts","border","textTransform","position","top","marginBottom","alignSelf"],"mappings":"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","file":"component---src-common-pages-introduction-page-tsx-c90dbf47295ab8013469.js","sourcesContent":["import { Box } from '@material-ui/core'\nimport { CardCta, CardCtaProps } from 'common/components/molecules/CardCta'\nimport { RichText } from 'common/components/molecules/RichText'\nimport { Text } from 'common/components/molecules/Text'\nimport React, { CSSProperties } from 'react'\n\nexport interface CardProps {\n callToAction?: CardCtaProps | CardCtaProps[]\n icon?: string\n disablePadding?: boolean\n text: string\n title: string\n subtitle?: string\n style?: CSSProperties\n iconSize?: 'md' | 'lg'\n helpcentre?: boolean\n}\n\nconst iconSizeList = {\n desktop: {\n md: 40,\n lg: 64,\n },\n}\n\nexport const Card: React.FC<CardProps> = ({\n callToAction,\n disablePadding,\n icon,\n text,\n title,\n subtitle,\n style,\n iconSize = 'md',\n helpcentre,\n}) => {\n return (\n <>\n <Box\n bgcolor='#fff'\n borderRadius={20}\n data-testid='Card'\n display='flex'\n flexDirection='column'\n height='100%'\n px={!disablePadding ? 9 : 0}\n pt={15}\n pb={!disablePadding ? 10 : 0}\n style={{ color: '#5261AC', ...style }}\n >\n {icon && (\n <img\n alt='Product Card Icon'\n src={icon}\n height={iconSizeList['desktop'][iconSize]}\n width={iconSizeList['desktop'][iconSize]}\n />\n )}\n <Text\n box={{ mt: 7, mb: !subtitle ? 5 : 1 }}\n label={title}\n variant='h5'\n component='h2'\n />\n {subtitle && (\n <Text\n box={{ color: '#9D98B0', mb: 5 }}\n label={subtitle}\n variant='subtitle1'\n component='h3'\n />\n )}\n <RichText\n color='textSecondary'\n html\n label={text}\n variant='body2'\n />\n {callToAction &&\n Array.isArray(callToAction) &&\n callToAction.map((item: CardCtaProps) => {\n return (\n <>\n {item?.label && (\n <>\n <Box flex={1} mt={11} />\n <CardCta\n {...item}\n helpcentre={helpcentre}\n />\n </>\n )}\n </>\n )\n })}\n {callToAction !== undefined &&\n !Array.isArray(callToAction) &&\n callToAction?.label !== '' && (\n <>\n <Box flex={1} mt={11} />\n <CardCta\n {...callToAction}\n helpcentre={helpcentre}\n />\n </>\n )}\n </Box>\n </>\n )\n}\n","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n d: \"M1 1.03l4 4-4 4\",\n stroke: \"#5261AC\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n});\n\nfunction SvgCardCtaArrow(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 6,\n height: 11,\n fill: \"none\"\n }, props), _ref);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNiIgaGVpZ2h0PSIxMSIgdmlld0JveD0iMCAwIDYgMTEiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIGQ9Ik0xIDEuMDI5M0w1IDUuMDI5M0wxIDkuMDI5MyIgc3Ryb2tlPSIjNTI2MUFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8L3N2Zz4K\";\nexport { SvgCardCtaArrow as ReactComponent };","function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nvar _ref = /*#__PURE__*/React.createElement(\"path\", {\n clipRule: \"evenodd\",\n d: \"M22.494 22.777a1.5 1.5 0 01-1.5 1.5h-18a1.5 1.5 0 01-1.5-1.5v-19.5a1.5 1.5 0 011.5-1.5h15a1.5 1.5 0 011.047.426l3 2.883c.29.283.453.67.453 1.074v16.617z\",\n stroke: \"#5261AC\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n});\n\nvar _ref2 = /*#__PURE__*/React.createElement(\"path\", {\n clipRule: \"evenodd\",\n d: \"M9.49 8.114a3.954 3.954 0 00-.509-1.465 1.569 1.569 0 00-1.289-.758 1.5 1.5 0 00-1.325 1.284c-.074.67.099 1.344.487 1.894a42.506 42.506 0 003.936 3.971 17.632 17.632 0 005.236 2.93c.52.242 1.09.364 1.664.353a1.379 1.379 0 001.265-.98c.064-.459-.12-.918-.484-1.206a2.742 2.742 0 00-1.237-.536 10.776 10.776 0 00-5.321.565c-1.622.5-6.362 2.066-6.144 6.051.006.1-.007.762.847.666a2.583 2.583 0 001.708-1.186c1.093-1.543 1.207-3.51 1.35-5.33.21-2.084.15-4.186-.184-6.253z\",\n stroke: \"#5261AC\",\n strokeWidth: 2,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\"\n});\n\nfunction SvgCardCtaPdf(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n width: 24,\n height: 26,\n fill: \"none\"\n }, props), _ref, _ref2);\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjYiIHZpZXdCb3g9IjAgMCAyNCAyNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0yMi40OTQgMjIuNzc3M0MyMi40OTQgMjMuNjA1OCAyMS44MjI0IDI0LjI3NzMgMjAuOTk0IDI0LjI3NzNIMi45OTQwMkMyLjE2NTU5IDI0LjI3NzMgMS40OTQwMiAyMy42MDU4IDEuNDk0MDIgMjIuNzc3M1YzLjI3NzM0QzEuNDk0MDIgMi40NDg5MiAyLjE2NTU5IDEuNzc3MzQgMi45OTQwMiAxLjc3NzM0SDE3Ljk5NEMxOC4zODUyIDEuNzc3MzggMTguNzYwOSAxLjkzMDI1IDE5LjA0MSAyLjIwMzM0TDIyLjA0MSA1LjA4NjM0QzIyLjMzMDYgNS4zNjg2NCAyMi40OTQgNS43NTU5MSAyMi40OTQgNi4xNjAzNFYyMi43NzczWiIgc3Ryb2tlPSIjNTI2MUFDIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuNDkgOC4xMTQzNkM5LjQxODcgNy41OTcyMSA5LjI0NTcxIDcuMDk5MyA4Ljk4MSA2LjY0OTM2QzguNzA3MTEgNi4xOTUwMiA4LjIyMjE4IDUuOTA5ODYgNy42OTIgNS44OTEzNkM3LjAwODIgNS45NjQ5OSA2LjQ2MjA4IDYuNDk0MjEgNi4zNjcgNy4xNzUzNkM2LjI5MjU0IDcuODQ0OTggNi40NjU3NyA4LjUxODcgNi44NTQgOS4wNjkzNkM4LjA3NzQxIDEwLjQ3OCA5LjM5MjI2IDExLjgwNDUgMTAuNzkgMTMuMDQwNEMxMi4zNTUyIDE0LjMwODcgMTQuMTI2MSAxNS4yOTkzIDE2LjAyNiAxNS45Njk0QzE2LjU0NjUgMTYuMjEyNCAxNy4xMTU2IDE2LjMzMzUgMTcuNjkgMTYuMzIzNEMxOC4yNzc1IDE2LjI5OTggMTguNzg1NCAxNS45MDYzIDE4Ljk1NSAxNS4zNDM0QzE5LjAxODcgMTQuODg0IDE4LjgzNDYgMTQuNDI1MiAxOC40NzEgMTQuMTM3NEMxOC4xMDk3IDEzLjg1ODYgMTcuNjg0NSAxMy42NzQzIDE3LjIzNCAxMy42MDE0QzE1LjQ0MSAxMy4zMzk0IDEzLjYxMSAxMy41MzM3IDExLjkxMyAxNC4xNjY0QzEwLjI5MSAxNC42NjY0IDUuNTUxIDE2LjIzMjQgNS43NjkgMjAuMjE3NEM1Ljc3NSAyMC4zMTc0IDUuNzYyIDIwLjk3OTQgNi42MTYgMjAuODgzNEM3LjMyNjM0IDIwLjc0NDggNy45NDU5NiAyMC4zMTQ1IDguMzI0IDE5LjY5NzRDOS40MTcgMTguMTU0NCA5LjUzMSAxNi4xODc0IDkuNjc0IDE0LjM2NjRDOS44ODQ5NCAxMi4yODMyIDkuODIzMDggMTAuMTgxNSA5LjQ5IDguMTE0MzZaIiBzdHJva2U9IiM1MjYxQUMiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+Cjwvc3ZnPgo=\";\nexport { SvgCardCtaPdf as ReactComponent };","import React from 'react'\nimport { Box, Typography, Link } from '@material-ui/core'\nimport { ReactComponent as CardCtaPdf } from './CardCtaPdf.svg'\n\nexport interface CardCtaDownloadProps {\n label: string\n url: string\n}\n\nexport const CardCtaDownload: React.FC<CardCtaDownloadProps> = ({\n label,\n url\n}) => {\n return (\n <Link\n data-testid='downloadLink'\n href={url}\n style={{ textDecoration: 'none' }}\n >\n <Box\n alignItems='center'\n borderBottom={`1px solid #EBEDF7`}\n display='flex'\n height={72}\n >\n <CardCtaPdf />\n <Typography\n style={{\n color: '#5261AC',\n fontSize: 16,\n fontWeight: 600,\n flex: 1,\n marginLeft: 12,\n lineHeight: 1.4\n }}\n >\n {label}\n </Typography>\n </Box>\n </Link>\n )\n}\n","import { ButtonProps } from '@material-ui/core'\nimport { Link } from 'common/components/atoms/Link'\nimport React from 'react'\nimport TagManager from 'react-gtm-module'\nimport { ReactComponent as CardCtaArrow } from './CardCtaArrow.svg'\nimport { CardCtaDownload } from './CardCtaDownload'\nimport { Button as BaseButton } from '@irishlife/ilgroupdesignsystem.atoms.button'\nexport interface CardCtaProps {\n label: string\n variant?: ButtonProps['variant'] | 'download'\n url?: string\n onClick?: () => void\n helpcentre?: boolean\n}\n\nexport const CardCta: React.FC<CardCtaProps> = ({\n label = 'Learn more',\n variant = 'secondary',\n onClick,\n url = '',\n helpcentre,\n}) => {\n if (variant === 'download')\n return <CardCtaDownload label={label} url={url} />\n return (\n <Link\n data-testid='CardCta'\n onClick={() => {\n TagManager.dataLayer({\n dataLayer: {\n event: 'secondaryButtonClick',\n clickText: label,\n clickURL: url || '',\n clickID: label,\n },\n })\n if (onClick) {\n onClick()\n }\n }}\n path={url}\n helpcentre={helpcentre}\n >\n <BaseButton\n rightIcon={variant === 'text' ? <CardCtaArrow /> : undefined}\n size='md'\n variant='secondary'\n >\n {label}\n </BaseButton>\n </Link>\n )\n}\n","import { Link } from 'common/components/atoms/Link'\r\nimport { JumbotronCallToActionProps } from 'common/components/organisms/Jumbotron/JumbotronCallToAction'\r\nimport React from 'react'\r\nimport TagManager from 'react-gtm-module'\r\nimport {\r\n Button as BaseButton,\r\n ButtonProps as BaseButtonProps,\r\n} from '@irishlife/ilgroupdesignsystem.atoms.button'\r\n\r\nexport interface CardCtaContainedProps {\r\n label: string\r\n variant?: JumbotronCallToActionProps['variant']\r\n url?: string\r\n onClick?: () => void\r\n size?: BaseButtonProps['size']\r\n startIcon?: string\r\n endIcon?: string\r\n}\r\nexport const CardCtaContained: React.FC<CardCtaContainedProps> = ({\r\n label = 'Learn more',\r\n onClick,\r\n url = '',\r\n size = 'md',\r\n startIcon,\r\n endIcon,\r\n}) => {\r\n return (\r\n <Link\r\n onClick={() => {\r\n TagManager.dataLayer({\r\n dataLayer: {\r\n event: 'secondaryButtonClick',\r\n clickText: label,\r\n clickURL: url || '',\r\n clickID: label,\r\n },\r\n })\r\n if (onClick) {\r\n onClick()\r\n }\r\n }}\r\n path={url}\r\n >\r\n <BaseButton rightIcon={undefined} size={size} variant='primary'>\r\n {startIcon && (\r\n <img\r\n alt='Left Icon'\r\n src={startIcon}\r\n style={{ marginRight: 10, width: 24, height: 24 }}\r\n />\r\n )}\r\n {label}\r\n {endIcon && (\r\n <img\r\n alt='Right Icon'\r\n src={endIcon}\r\n style={{ marginLeft: 10, width: 24, height: 24 }}\r\n />\r\n )}\r\n </BaseButton>\r\n </Link>\r\n )\r\n}\r\n","import { Spacer } from 'common/components/molecules/Spacer'\nimport { Wrapper } from 'common/components/molecules/Wrapper'\nimport { CampaignFeatureProps } from 'common/components/organisms/CampaignFeature'\nimport {\n FeatureList,\n FeatureListProps\n} from 'common/components/organisms/FeatureList'\nimport {\n Jumbotron,\n JumbotronProps\n} from 'common/components/organisms/Jumbotron'\nimport { Layout, LayoutProps } from 'common/components/organisms/Layout'\nimport {\n ProductList,\n ProductListProps\n} from 'common/components/organisms/ProductList'\nimport { useDesktop } from 'common/hooks/useDesktop'\nimport React from 'react'\nimport { CampaignFeature } from '@irishlife/ilgroupdesignsystem.organisms.campaign-feature'\nimport { getCampaignFeatureProps } from 'common/utils/geCampaignFeatureProps'\n\nexport interface IntroductionProps {\n featureList: FeatureListProps\n featureList2: FeatureListProps\n jumbotron: JumbotronProps\n layout: LayoutProps\n productList: ProductListProps\n secondCallToAction: CampaignFeatureProps\n}\n\nexport const Introduction: React.FC<IntroductionProps> = ({\n featureList,\n featureList2,\n jumbotron,\n layout,\n secondCallToAction,\n productList\n}) => {\n\n const desktop = useDesktop()\n const campaignFeatureProps = getCampaignFeatureProps(secondCallToAction)\n\n return (\n <Layout {...layout}>\n <Jumbotron {...jumbotron} />\n {featureList2.title && (\n <Wrapper component='section'>\n <Spacer variant={desktop ? 'sm' : 'md'} />\n <FeatureList variant='right' {...featureList2} />\n </Wrapper>\n )}\n {featureList.title && (\n <Wrapper component='section'>\n <Spacer variant={desktop ? 'sm' : 'md'} />\n <FeatureList variant='top' {...featureList} />\n </Wrapper>\n )}\n {productList && (\n <section>\n <ProductList {...productList} />\n </section>\n )}\n {secondCallToAction.title && (\n <section>\n <CampaignFeature {...campaignFeatureProps} />\n </section>\n )}\n </Layout>\n )\n}\n","import { getJumbotronData } from 'common/components/organisms/Jumbotron'\nimport { Introduction } from 'common/components/templates/Introduction'\nimport { getLayoutData } from 'common/utils/getLayoutData'\nimport React from 'react'\n\nexport interface IntroductionPageProps {\n pageContext: any\n}\n\nexport const IntroductionPage: React.FC<IntroductionPageProps> = ({\n pageContext\n}) => {\n return <Introduction {...getIntroductionData(pageContext)} />\n}\n\nexport default IntroductionPage\nexport const getIntroductionData = (data: any) => {\n return {\n layout: getLayoutData(data),\n featureList: {\n features: data.features,\n image: data.image,\n subtitle: data.features_subtitle,\n title: data.features_title\n },\n featureList2: {\n text: data.featurelist2__text,\n cta: data.featurelist2__cta,\n callToAction: {\n analyticsId: data.featurelist2__cta_analyticsid,\n label: data.featurelist2__cta_label,\n [`${data.call_to_action__iconlocation}Icon`]: data.featurelist2__cta_icon,\n url: data.featurelist2__cta_url,\n variant: data.featurelist2__cta_variant,\n noSpacer: true\n },\n image: data.featurelist2__image,\n title: data.featurelist2__title,\n subtitle: data.featurelist2__subtitle,\n features: data.featurelist2__features\n },\n productList: {\n heading: data.productlist_heading,\n text: data.productlist_text,\n title: data.productlist_title,\n products: (data.products as Array<any>).map((product: any) => ({\n callToAction: {\n label: product.card_cta_0396ba7__cta_label,\n variant: product.card_cta_0396ba7__cta_variant,\n url: product.card_cta_0396ba7__cta_url\n },\n icon: product.productlist__icon,\n title: product.jumbotron__title,\n text: product.productlist__summary\n }))\n },\n jumbotron: {\n ...getJumbotronData(data)\n },\n secondCallToAction: {\n title: data.title_campaign,\n text: data.text_campaign,\n image: data.image_campaign,\n callToAction: {\n analyticsId: data.call_to_action__analytics_id,\n label: data.call_to_action__label,\n [`${data.call_to_action__iconlocation}Icon`]: data.call_to_action__icon,\n text: data.call_to_action__text,\n title: data.call_to_action__title,\n url: data.call_to_action__url,\n variant: data.call_to_action__variant\n }\n }\n }\n}\n","export * from './FeatureList'\n","import { Box, Button, Grid } from '@material-ui/core'\nimport { Card } from 'common/components/molecules/Card'\nimport { CardCtaProps } from 'common/components/molecules/CardCta'\nimport { Spacer } from 'common/components/molecules/Spacer'\nimport { Wrapper } from 'common/components/molecules/Wrapper'\nimport { useDesktop } from 'common/hooks/useDesktop'\nimport React, { useState } from 'react'\nimport { LeftIntro } from '../LeftIntro'\n\nexport interface ProductListProps {\n heading: string\n products: {\n callToAction: CardCtaProps\n icon?: string\n title: string\n text: string\n }[]\n singleColumn?: boolean\n text: string\n title: string\n filter?: boolean\n iconSize?: 'md' | 'lg'\n transparent?: boolean\n generic?: boolean\n}\n\nexport const ProductList: React.FC<ProductListProps> = ({\n generic,\n heading,\n products = [],\n singleColumn,\n text,\n title,\n filter,\n iconSize,\n transparent\n}) => {\n const desktop = useDesktop()\n\n const [filteredProducts, setfilteredProducts] = useState(\n filter ? products.slice(0, 6) : products\n )\n const [count, setCount] = useState(6)\n\n const loopWithSlice = (start: number, end: number) => {\n const slicedPosts = products.slice(start, end)\n setfilteredProducts([...slicedPosts])\n }\n\n const loadMore = () => {\n setCount(count + 6)\n loopWithSlice(0, count + 6)\n }\n\n return (\n <Box\n data-testid='ProductList'\n display='flex'\n flexDirection='column'\n style={\n transparent\n ? {}\n : {\n background:\n 'radial-gradient(71.23% 43.94% at 10.65% 72.43%, rgba(247, 247, 249, 0.8) 0%, rgba(247, 247, 249, 0) 100%), #EBEDF7'\n }\n }\n component='section'\n >\n {!generic && <Spacer variant={desktop ? 'lg' : 'md'} />}\n <Wrapper>\n <Grid container>\n <Grid item xs={12} md={3}>\n <LeftIntro\n text={text}\n title={title}\n heading={heading}\n />\n </Grid>\n <Grid item md={1} />\n <Grid item xs={12} md={8}>\n <Box>\n {!desktop && <Spacer variant='md' />}\n <Grid container spacing={6}>\n {filteredProducts.map(\n (\n product: JSX.IntrinsicAttributes &\n import('../../molecules/Card').CardProps & {\n children?: React.ReactNode\n }\n ) => (\n <Grid\n key={product.title}\n item\n xs={12}\n md={singleColumn ? 12 : 6}\n >\n <Card\n {...product}\n iconSize={iconSize}\n />\n </Grid>\n )\n )}\n <Grid\n item\n xs={12}\n md={12}\n style={{\n display: 'flex',\n justifyContent: 'center'\n }}\n >\n {filter && count <= products.length && (\n <Button\n variant='contained'\n onClick={loadMore}\n style={{\n border: '2px solid #5261AC',\n background: '#EBEDF7',\n color: '#5261AC',\n borderRadius: '36px',\n textTransform: 'none',\n fontSize: '16px'\n }}\n >\n Load more\n </Button>\n )}\n </Grid>\n </Grid>\n </Box>\n </Grid>\n </Grid>\n </Wrapper>\n {!generic && <Spacer variant={desktop ? 'lg' : 'md'} />}\n </Box>\n )\n}\n","import { Box } from '@material-ui/core'\nimport { Text } from 'common/components/molecules/Text'\nimport { useDesktop } from 'common/hooks/useDesktop'\nimport React from 'react'\n\nexport interface LeftIntroProps {\n heading: string\n text: string\n title: string\n}\n\nexport const LeftIntro: React.FC<LeftIntroProps> = ({\n heading,\n text,\n title\n}) => {\n const desktop = useDesktop()\n\n return (\n <Box\n position='sticky'\n top={144}\n marginBottom={desktop ? 12 : 0}\n alignSelf='flex-start'\n >\n <Text\n box={{ mb: 6, color: '#4DB7AB' }}\n label={heading}\n variant='overline'\n component='p'\n />\n <Text\n box={{ mb: desktop ? 6 : 0 }}\n label={title}\n variant={desktop ? 'h4' : 'h2'}\n component='h1'\n />\n {text && (\n <Text\n box={{ mb: desktop ? 6 : 0 }}\n color='textSecondary'\n html\n label={text}\n style={{\n fontWeight: 500,\n fontSize: 18,\n lineHeight: 24 / 18\n }}\n component='p'\n />\n )}\n </Box>\n )\n}\n"],"sourceRoot":""}