{"version":3,"sources":["webpack:///./Avensia.Common/Features/Shared/Blocks/HorizontalScroll/HorizontalScrollContainerBlock.tsx"],"names":["renderProp","item","props","children","Children","toArray","filter","child","isValidElement","Container","Title","title","ItemsContainer","Items","for","items","component","div","display","overflow","justifyContent","h2","fontWeight","fontSize","textAlign","marginBottom"],"mappings":"2FAAA,W,EAAA,6CAYMA,EAAa,SAACC,EAAWC,GAC7B,IAAMC,EAAW,IAAMC,SAASC,QAAQJ,EAAKE,UAAUG,QAAO,SAACC,GAAU,WAAMC,eAAeD,MAC9F,OACE,kBAACE,EAAS,eAAKR,GACb,kBAACS,EAAK,KAAER,EAAMS,OACd,kBAACC,EAAc,KACb,kBAACC,EAAK,KAAEV,MAKD,mBAACD,GAAoB,yBAAC,IAAW,CAACY,IAAKZ,EAAMa,MAAOC,UAAWhB,KAE9E,IAAMa,EAAQ,IAAOI,IAAI,CAAEC,QAAS,OAAQC,SAAU,SAEhDP,EAAiB,IAAOK,IAAI,CAAEC,QAAS,OAAQE,eAAgB,WAE/DV,EAAQ,IAAOW,GAAG,CACtBC,WAAY,OACZC,SAAU,IACVC,UAAW,SACXC,aAAc,OAGVhB,EAAY,IAAOQ,MAAG,MACzB,MAAsB,CACrBG,eAAgB,U","file":"assets/48.chunk.961525ef01376ee5c60a.js","sourcesContent":["/**\r\n * @ComponentFor HorizontalScrollContainerBlock\r\n */\r\n\r\nimport React from 'react';\r\nimport { EpiProperty } from '@avensia/scope-episerver';\r\nimport HorizontalScrollContainerBlock from './HorizontalScrollContainerBlock.type';\r\nimport { styled } from '@glitz/react';\r\nimport { beta, minMediumMediaQuery, small } from 'Shared/Style';\r\n\r\ntype PropType = HorizontalScrollContainerBlock;\r\n\r\nconst renderProp = (item: any, props: PropType) => {\r\n  const children = React.Children.toArray(item.children).filter((child) => React.isValidElement(child));\r\n  return (\r\n    <Container {...item}>\r\n      <Title>{props.title}</Title>\r\n      <ItemsContainer>\r\n        <Items>{children}</Items>\r\n      </ItemsContainer>\r\n    </Container>\r\n  );\r\n};\r\nexport default (props: PropType) => <EpiProperty for={props.items} component={renderProp} />;\r\n\r\nconst Items = styled.div({ display: 'flex', overflow: 'auto' });\r\n\r\nconst ItemsContainer = styled.div({ display: 'flex', justifyContent: 'center' });\r\n\r\nconst Title = styled.h2({\r\n  fontWeight: 'bold',\r\n  fontSize: beta,\r\n  textAlign: 'center',\r\n  marginBottom: small,\r\n});\r\n\r\nconst Container = styled.div({\r\n  [minMediumMediaQuery]: {\r\n    justifyContent: 'center',\r\n  },\r\n});\r\n"],"sourceRoot":""}