{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/HorizontalScroll/HorizontalScrollItemBlock.tsx"],"names":["props","text","imageUrl","linkUrl","imageAltText","Container","to","ImageContainer","ImageStyled","src","ratio","OneToOne","alt","Text","backgroundColor","display","flexDirection","alignItems","margin","right","div","borderRadius","width","bottom","color","marginBottom","fontWeight","textAlign"],"mappings":"qJAsBe,UAZ4B,SAACA,GAClC,IAAAC,EAAA,EAAAA,KAAMC,EAAA,EAAAA,SAAUC,EAAA,EAAAA,QAASC,EAAA,EAAAA,aACjC,OACE,kBAACC,EAAS,CAACC,GAAIH,GACb,kBAACI,EAAc,KACb,kBAACC,EAAW,CAACC,IAAKP,EAAUQ,MAAO,IAAMC,SAAUC,IAAKR,KAE1D,kBAACS,EAAI,KAAEZ,KAOb,IAAMI,EAAY,YAAO,IAAM,CAC7BS,gBAAiB,cACjBC,QAAS,OACTC,cAAe,SACfC,WAAY,SACZC,OAAQ,CAAEC,MAAO,MAEbZ,EAAiB,IAAOa,MAAG,GAC/BN,gBAAiB,KACjBO,aAAc,OACdC,MAAO,IACPJ,OAAQ,CAAEK,OAAQ,MACjB,MAAsB,CACrBD,MAAO,K,IAGLT,EAAO,IAAOO,IAAI,CAAEI,MAAO,IAAOC,aAAc,GAAIC,WAAY,OAAQC,UAAW,WACnFnB,EAAc,YAAO,IAAO,CAAEa,aAAc","file":"assets/49.chunk.8d1b419bcd573f822a75.js","sourcesContent":["/**\r\n * @ComponentFor HorizontalScrollItemBlockViewModel\r\n */\r\nimport React from 'react';\r\nimport HorizontalScrollItemBlockViewModel from './HorizontalScrollItemBlockViewModel.type';\r\nimport { styled } from '@glitz/react';\r\nimport Image, { Ratio } from 'Shared/Image/Ratio';\r\nimport { black, white, minMediumMediaQuery } from 'Shared/Style';\r\nimport Link from 'Shared/Link';\r\n\r\nconst HorizontalScrollItemBlockViewModel = (props: HorizontalScrollItemBlockViewModel) => {\r\n  const { text, imageUrl, linkUrl, imageAltText } = props;\r\n  return (\r\n    <Container to={linkUrl}>\r\n      <ImageContainer>\r\n        <ImageStyled src={imageUrl} ratio={Ratio.OneToOne} alt={imageAltText} />\r\n      </ImageContainer>\r\n      <Text>{text}</Text>\r\n    </Container>\r\n  );\r\n};\r\n\r\nexport default HorizontalScrollItemBlockViewModel;\r\n\r\nconst Container = styled(Link, {\r\n  backgroundColor: 'transparent',\r\n  display: 'flex',\r\n  flexDirection: 'column',\r\n  alignItems: 'center',\r\n  margin: { right: 24 },\r\n});\r\nconst ImageContainer = styled.div({\r\n  backgroundColor: white,\r\n  borderRadius: '100%',\r\n  width: 110,\r\n  margin: { bottom: 10 },\r\n  [minMediumMediaQuery]: {\r\n    width: 150,\r\n  },\r\n});\r\nconst Text = styled.div({ color: black, marginBottom: 10, fontWeight: 'bold', textAlign: 'center' });\r\nconst ImageStyled = styled(Image, { borderRadius: '100%' });\r\n"],"sourceRoot":""}