{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/TextBlock/TextBlock.tsx"],"names":["Swirl","marginTop","color","monochrome","black","DivWrap","div","gap","margin","y","GridWrapBase","Label","marginBottom","LinkWrap","display","Link","textDecoration","state","currentBreakpoint","props","showArrow","isMobile","RootElement","noStandardMargins","className","upperCase","label","fontSize","D56_M32","mainIntro","buttons","map","button","index","key","to","url","text","title","theme","background","TransparentWhite","WhiteToBlack","D16_M16","mainBody"],"mappings":"kMAqBMA,EAAQ,YAAO,IAAW,CAC9BC,UAAW,OACXC,MAAO,IAAaC,WAAWC,QAG3BC,EAAU,IAAOC,MAAG,GACxBJ,MAAO,IAAaC,WAAWC,MAC/BG,IAAK,OACLC,OAAQ,CAAEC,EAAG,UACZ,UAAY,KAAsB,CACjCF,IAAK,UACLC,OAAQ,CAAEC,EAAG,U,IAIXC,EAAe,YAAO,MAAQ,GAClCR,MAAO,IAAaC,WAAWC,MAC/BG,IAAK,OACLC,OAAQ,CAAEC,EAAG,UAEZ,UAAY,KAAsB,CACjCF,IAAK,UACLC,OAAQ,CAAEC,EAAG,U,IAIXE,EAAQ,YAAO,MAAS,MAC3B,UAAY,KAAsB,CACjCC,aAAc,Q,IAIZC,EAAW,IAAOP,MAAG,GACzBQ,QAAS,OACTP,IAAK,OACLN,UAAW,SACV,UAAY,KAAsB,CACjCM,IAAK,OACLN,UAAW,Q,IAITc,EAAO,YAAO,IAAY,CAC9BC,eAAgB,SA0CH,uBAAQ,SAACC,GAAU,OAChCC,kBAAmBD,EAAMC,qBADZ,CAEX,aAzCJ,SAAmBC,G,MACTC,EAAA,EAAAA,UAAWF,EAAA,EAAAA,kBACbG,EAAW,YAAUH,GACrBI,EAAcH,EAAMI,kBAAoBlB,EAAUK,EACxD,OACE,kBAACY,EAAW,CAACE,UAAU,YACrB,yBAAKA,UAAW,YAAkB,GAAI,GAAI,YAA2B,KACnE,kBAACb,EAAK,CAACc,WAAS,GACbN,EAAMO,QAGX,yBAAKF,UAAW,YAAkB,GAAI,EAAG,YAA2B,KAClE,kBAAC,IAAS,CAACG,SAAU,IAAeC,SACjCT,EAAMU,YAEPT,GAAa,kBAACP,EAAQ,KACR,QADQ,EACrBM,EAAMW,eAAO,eAAEC,KAAI,SAACC,EAAQC,GAAU,OACrC,kBAAClB,EAAI,CACHmB,IAAKD,EACLE,GAAIH,EAAOI,IACXC,KAAML,EAAOK,KACbC,MAAON,EAAOK,KACdE,MAA6B,gBAAtBP,EAAOQ,WAA+B,IAAYC,iBAAmB,IAAYC,mBAK7FtB,IAAcC,GAAY,kBAACrB,EAAK,OAEnC,yBAAKwB,UAAW,YAAkB,GAAI,EAAG,YAA2B,MAClE,kBAAC,IAAS,CAACG,SAAU,IAAegB,SACjCxB,EAAMyB,UAERxB,GAAaC,GAAY,kBAACrB,EAAK","file":"assets/66.chunk.b036c433404b51237266.js","sourcesContent":["/**\r\n * @ComponentFor TextBlockViewModel\r\n */\r\nimport React from 'react';\r\nimport { styled, StyledProps } from '@glitz/react';\r\nimport connect from 'Shared/connect';\r\nimport { isCompact } from 'Shared/Viewport';\r\nimport TextBlock from './TextBlockViewModel.type';\r\nimport { Down40x80 } from 'Shared/Icons/ArrowSwirl';\r\nimport { LinkButton, ButtonTheme } from 'Shared/TextButtons';\r\nimport { TextLabel, ResponsiveSize, Paragraph } from 'Shared/SharedComponents/atoms/Typography';\r\nimport { GridWrap } from 'Shared/PageLayout';\r\nimport { createGridClasses, createOffsetGridClassLarge } from 'Shared/grid';\r\nimport * as style from 'Shared/Style';\r\n\r\ntype ConnectedPropType = {\r\n  currentBreakpoint: number;\r\n};\r\n\r\ntype PropType = TextBlock & ConnectedPropType & StyledProps;\r\n\r\nconst Swirl = styled(Down40x80, {\r\n  marginTop: '24px', \r\n  color: style.colors.monochrome.black,\r\n})\r\n\r\nconst DivWrap = styled.div({\r\n  color: style.colors.monochrome.black,\r\n  gap: '16px',\r\n  margin: { y: '80px', },\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    gap: 'initial',\r\n    margin: { y: '120px', }  \r\n  },\r\n})\r\n\r\nconst GridWrapBase = styled(GridWrap, {\r\n  color: style.colors.monochrome.black,\r\n  gap: '16px',\r\n  margin: { y: '80px', },\r\n\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    gap: 'initial',\r\n    margin: { y: '120px', }  \r\n  },\r\n})\r\n\r\nconst Label = styled(TextLabel, {\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    marginBottom: '24px',\r\n  },\r\n})\r\n\r\nconst LinkWrap = styled.div({\r\n  display: 'flex',\r\n  gap: '12px',\r\n  marginTop: '16px',\r\n  ['@media ' + style.mediaMinLarge]: {\r\n    gap: '16px',\r\n    marginTop: '24px',\r\n  },\r\n})\r\n\r\nconst Link = styled(LinkButton, {\r\n  textDecoration: 'none',\r\n})\r\n\r\nfunction TextBlock(props: PropType) {\r\n  const { showArrow, currentBreakpoint } = props;\r\n  const isMobile = isCompact(currentBreakpoint);\r\n  const RootElement = props.noStandardMargins ? DivWrap : GridWrapBase;\r\n  return (\r\n    <RootElement className='grid wsb'>\r\n      <div className={createGridClasses(12, 11, createOffsetGridClassLarge(2))}>\r\n        <Label upperCase>\r\n          {props.label}\r\n        </Label>\r\n      </div>\r\n      <div className={createGridClasses(12, 8, createOffsetGridClassLarge(2))}>\r\n        <Paragraph fontSize={ResponsiveSize.D56_M32}>\r\n          {props.mainIntro}\r\n        </Paragraph>\r\n        {!showArrow && <LinkWrap>\r\n          {props.buttons?.map((button, index) => (\r\n            <Link\r\n              key={index}\r\n              to={button.url}\r\n              text={button.text}\r\n              title={button.text}\r\n              theme={button.background === 'Transparent' ? ButtonTheme.TransparentWhite : ButtonTheme.WhiteToBlack}\r\n            />\r\n          ))}  \r\n        </LinkWrap>\r\n        }\r\n        {showArrow && !isMobile && <Swirl />}\r\n      </div>\r\n      <div className={createGridClasses(12, 2, createOffsetGridClassLarge(11))}>\r\n        <Paragraph fontSize={ResponsiveSize.D16_M16}>\r\n          {props.mainBody}\r\n        </Paragraph>\r\n        {showArrow && isMobile && <Swirl />}\r\n      </div>\r\n    </RootElement>\r\n  );\r\n}\r\n\r\nexport default connect((state) => ({\r\n  currentBreakpoint: state.currentBreakpoint,\r\n}))(styled(TextBlock));\r\n"],"sourceRoot":""}