{"version":3,"sources":["webpack:///./app/javascript/components_v2/Home/SignedOut/TrialConnectHub/ConnectBanner.js"],"names":["ConnectBannerTitle","styled","withConfig","displayName","componentId","css","fontFamily","textTransform","fontWeight","fontSize","letterSpacing","SocialNetworkContainer","Flex","SocialNetworkLink","padding","ConnectBanner","_ref","_ref$pt","pt","React","createElement","justifyContent","alignItems","flexDirection","backgroundColor","target","href","className","InstagramIcon","TikTokIcon","FacebookIcon"],"mappings":"4FAAA,kDAWMA,EAAqBC,YAAO,KAAIC,WAAC,CAADC,YAAA,oCAAAC,YAAA,gBAAXH,EAAY,kBACrCI,YAAI,CACFC,WAAY,aACZC,cAAe,YACfC,WAAY,MACZC,SAAU,OACVC,cAAe,SACf,IAGEC,EAAyBV,YAAOW,KAAKV,WAAA,CAAAC,YAAA,wCAAAC,YAAA,gBAAZH,CAAY,oEAUrCY,EAAoBZ,YAAO,KAAIC,WAAC,CAADC,YAAA,mCAAAC,YAAA,gBAAXH,EAAY,kBACpCI,YAAI,CACFS,QAAS,aACT,IAwCWC,IArCO,SAAHC,GAAuB,IAADC,EAAAD,EAAjBE,UAAE,IAAAD,EAAG,OAAMA,EACjC,OACEE,IAAAC,cAACR,IAAI,CACHS,eAAgB,CAAC,UACjBC,WAAY,CAAC,UACbC,cAAe,CAAC,UAChBL,GAAI,CAACA,GACLM,gBAAiB,SAEjBL,IAAAC,cAACpB,EAAkB,KAAC,aACpBmB,IAAAC,cAACT,EAAsB,CAACU,eAAgB,CAAC,WACvCF,IAAAC,cAACP,EAAiB,CAChBY,OAAO,SACPC,KAAK,wGACLC,UAAU,uBAEVR,IAAAC,cAACQ,IAAa,OAEhBT,IAAAC,cAACP,EAAiB,CAChBY,OAAO,SACPC,KAAK,qGACLC,UAAU,uBAEVR,IAAAC,cAACS,IAAU,OAEbV,IAAAC,cAACP,EAAiB,CAChBY,OAAO,SACPC,KAAK,sGACLC,UAAU,uBAEVR,IAAAC,cAACU,IAAY,QAKvB,C","file":"js/33-36c4511dd0dbc13c789e.chunk.js","sourcesContent":["import React from 'react'\nimport { Flex } from 'ui/acro'\nimport { css } from '@styled-system/css'\nimport styled from 'styled-components'\nimport {\n  FacebookIcon,\n  InstagramIcon,\n  TwitterIcon,\n  TikTokIcon\n} from 'components_v2/Icons'\n\nconst ConnectBannerTitle = styled('p')(() =>\n  css({\n    fontFamily: 'Arquitecta',\n    textTransform: 'uppercase',\n    fontWeight: '300',\n    fontSize: '16px',\n    letterSpacing: '0.1em'\n  })\n)\n\nconst SocialNetworkContainer = styled(Flex)`\n  &:hover {\n    .social-network-link {\n      fill: silver;\n      :hover {\n        fill: black;\n      }\n    }\n  }\n`\nconst SocialNetworkLink = styled('a')(() =>\n  css({\n    padding: '32px 16px'\n  })\n)\n\nconst ConnectBanner = ({pt = '60px'}) => {\n  return (\n    <Flex\n      justifyContent={['center']}\n      alignItems={['center']}\n      flexDirection={['column']}\n      pt={[pt]}\n      backgroundColor={'white'}\n    >\n      <ConnectBannerTitle>Follow us</ConnectBannerTitle>\n      <SocialNetworkContainer justifyContent={['center']}>\n        <SocialNetworkLink\n          target='_blank'\n          href='https://www.instagram.com/alomoves/?utm_medium=alomoves&utm_source=homepage&utm_campaign=bottombanner'\n          className='social-network-link'\n        >\n          <InstagramIcon />\n        </SocialNetworkLink>\n        <SocialNetworkLink\n          target='_blank'\n          href='https://www.tiktok.com/@alomoves?utm_medium=alomoves&utm_source=homepage&utm_campaign=bottombanner'\n          className='social-network-link'\n        >\n          <TikTokIcon />\n        </SocialNetworkLink>\n        <SocialNetworkLink\n          target='_blank'\n          href='https://www.facebook.com/alomoves?utm_medium=alomoves&utm_source=homepage&utm_campaign=bottombanner'\n          className='social-network-link'\n        >\n          <FacebookIcon />\n        </SocialNetworkLink>\n      </SocialNetworkContainer>\n    </Flex>\n  )\n}\n\nexport default ConnectBanner\n"],"sourceRoot":""}