{"version":3,"file":"FeaturedExternalResources-582bc625f46ee4022118.js","mappings":"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","sources":["webpack://dinmo-website/./src/components/resources/external-resources/ExternalResourceCard/ExternalResourceCard.styled.ts","webpack://dinmo-website/./src/components/resources/external-resources/ExternalResourceCard/ExternalResourceCard.tsx","webpack://dinmo-website/./src/components/sections/FeaturedExternalResources/FeaturedExternalResources.styled.ts","webpack://dinmo-website/./src/components/sections/FeaturedExternalResources/FeaturedExternalResources.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Flex } from '../../../../atoms'\n\nexport const ExternalResourceCardWrapper = styled(Flex)`\n  aspect-ratio: 0.75;\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: block;\n    inset: 25% 0 0;\n    background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 1));\n    z-index: 1;\n    transition: transform 1s ease-in-out;\n    transform-origin: bottom center;\n  }\n\n  &:hover {\n    &:before {\n      transform: scale(1.1);\n    }\n  }\n`\n","import React from 'react'\nimport { IExternalResourceCard } from '../../../../types/resources'\nimport { Link } from 'gatsby'\nimport { Box, Button, Flex, Heading, Image, Text } from '../../../../atoms'\nimport { ExternalResourceCardWrapper } from './ExternalResourceCard.styled'\n\nfunction ExternalResourceCard(props: IExternalResourceCard): JSX.Element {\n  const { name, excerpt, thumbnail, link, buttonLabel } = props\n\n  return (\n    <a href={link} rel={'noreferrer noopener'} style={{ height: '100%', display: 'block' }}>\n      <ExternalResourceCardWrapper\n        position={'relative'}\n        flexDirection={'column'}\n        justifyContent={'flex-end'}\n        alignItems={'stretch'}\n        p={[5, 5, 6]}\n        borderRadius={8}\n        width={'100%'}\n        height={'100%'}\n        backgroundColor={'black'}\n        overflow={'hidden'}\n      >\n        {thumbnail && (\n          <Box position={'absolute'} top={0} left={0} width={'100%'} height={'100%'} zIndex={0}>\n            <Image\n              alt={thumbnail.alt ?? ''}\n              image={thumbnail.gatsbyImageData}\n              style={{ width: '100%', height: '100%' }}\n            />\n          </Box>\n        )}\n        <Flex\n          flex={'0 0 auto'}\n          position={'relative'}\n          flexDirection={'column'}\n          alignItems={'stretch'}\n          justifyContent={'space-between'}\n          zIndex={2}\n        >\n          <Box flex={'1'}>\n            <Heading as={'h3'} type={'heading3'} color={'white'}>\n              {name}\n            </Heading>\n\n            <Box mt={3}>\n              <Text type={'small'} color={'white'}>\n                {excerpt}\n              </Text>\n            </Box>\n          </Box>\n\n          {buttonLabel && (\n            <Flex flex={'0 0 auto'} mt={4}>\n              <Button buttonType={'secondary'} size={'sm'} label={buttonLabel} />\n            </Flex>\n          )}\n        </Flex>\n      </ExternalResourceCardWrapper>\n    </a>\n  )\n}\n\nexport default ExternalResourceCard\n","import styled from 'styled-components'\nimport { Col, Row } from 'react-styled-flexboxgrid'\nimport { mediaQueries } from '../../../theme'\n\nexport const FeaturedExternalResourcesRow = styled(Row)`\n  flex-wrap: nowrap;\n  overflow: auto;\n  padding-left: 0.7rem;\n  padding-right: 0.7rem;\n\n  ${mediaQueries.greaterThan('md')`\n    flex-wrap: wrap;\n    padding-left: 0;\n    padding-right: 0;\n  `}\n`\n\nexport const FeaturedExternalResourcesCol = styled(Col)`\n  padding-left: 0.8rem;\n  padding-right: 0.8rem;\n\n  ${mediaQueries.greaterThan('md')`\n    padding-left: 1.5rem;\n    padding-right: 1.5rem;\n  `};\n`\n","import React from 'react'\nimport { SectionFeaturedExternalResources } from '../../../types/sections'\nimport { Box, Button, Flex, Heading } from '../../../atoms'\nimport { SECTION_MARGIN } from '../../../utils/constants'\nimport { Col, Grid, Row } from 'react-styled-flexboxgrid'\nimport { FeaturedExternalResourcesCol, FeaturedExternalResourcesRow } from './FeaturedExternalResources.styled'\nimport { ExternalResourceCard } from '../../resources/external-resources'\n\nfunction FeaturedExternalResources(props: SectionFeaturedExternalResources): JSX.Element {\n  const { sectionId, id, headline, button, externalResources } = props\n  return (\n    <Box as={'section'} id={sectionId ?? id} my={SECTION_MARGIN}>\n      <Grid>\n        <Row>\n          <Col xs={12}>\n            <Flex\n              justifyContent={'space-between'}\n              width={'100%'}\n              alignItems={['flex-start', 'flex-start', 'flex-end']}\n              gap={16}\n              flexDirection={['column', 'row', 'row']}\n            >\n              <Heading as='h2' type='heading1'>\n                {headline}\n              </Heading>\n              {button && button[0] && (\n                <Button buttonType={button[0].buttonType} link={button[0].link} label={button[0].label} />\n              )}\n            </Flex>\n          </Col>\n        </Row>\n        <Box mt={[6, 7, 8]}>\n          <FeaturedExternalResourcesRow className={'noscrollBar'}>\n            {externalResources.map((externalResource) => (\n              <FeaturedExternalResourcesCol key={externalResource.id} xs={10} sm={5} md={4}>\n                <Box mb={[6, 7, 0]}>\n                  <ExternalResourceCard {...externalResource} />\n                </Box>\n              </FeaturedExternalResourcesCol>\n            ))}\n          </FeaturedExternalResourcesRow>\n        </Box>\n      </Grid>\n    </Box>\n  )\n}\n\nexport default FeaturedExternalResources\n"],"names":["ExternalResourceCardWrapper","styled","Flex","withConfig","props","name","excerpt","thumbnail","link","buttonLabel","React","href","rel","style","height","display","position","flexDirection","justifyContent","alignItems","p","borderRadius","width","backgroundColor","overflow","Box","top","left","zIndex","Image","alt","image","gatsbyImageData","flex","Heading","as","type","color","mt","Text","Button","buttonType","size","label","FeaturedExternalResourcesRow","Row","mediaQueries","_templateObject","FeaturedExternalResourcesCol","Col","_templateObject2","sectionId","id","headline","button","externalResources","my","SECTION_MARGIN","Grid","xs","gap","className","map","externalResource","key","sm","md","mb","ExternalResourceCard"],"sourceRoot":""}