{"version":3,"file":"BlogSocials-CRyYoJ7K.js","sources":["../../../src/components/pages/blog/view/BlogSocials.tsx"],"sourcesContent":["import React from 'react';\nimport { styled } from 'styled-components';\nimport Heading from '../../../Heading';\nimport Flex from '../../../layout/Flex';\nimport Socials from '../../../Socials';\nimport Text from '../../../Text';\n\nconst BlogSocialsFlex = styled(Flex)`\n  border-bottom: 1px solid var(--color-iron-300);\n  border-top: 1px solid var(--color-iron-300);\n  padding-bottom: var(--baseline);\n  padding-top: var(--baseline);\n`;\n\nexport default function BlogSocials() {\n  return (\n    <BlogSocialsFlex $direction={{ sm: 'column', lg: 'row' }} $justify={{ lg: 'space-between' }} $align={{ lg: 'center' }} $rowGap=\"baseline-sm\">\n      <div>\n        <Heading as=\"h2\"><Text en=\"Stay up-to-date\" /></Heading>\n        <p><Text en=\"Stay up-to-date with our work and blog posts?\" /></p>\n      </div>\n      <Socials />\n    </BlogSocialsFlex>\n  );\n}\n"],"names":["BlogSocialsFlex","styled","Flex","withConfig","displayName","componentId","BlogSocials","jsxs","sm","lg","jsx","Heading","Text","Socials"],"mappings":"oZAOA,MAAMA,EAAkBC,EAAOC,CAAI,EAACC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,aAAA,CAKnC,EAAA,CAAA,sJAAA,CAAA,EAED,SAAwBC,GAAc,CAElC,OAAAC,EAAA,KAACP,GAAgB,WAAY,CAAEQ,GAAI,SAAUC,GAAI,OAAS,SAAU,CAAEA,GAAI,iBAAmB,OAAQ,CAAEA,GAAI,QAAA,EAAY,QAAQ,cAC7H,SAAA,CAAAF,OAAC,MACC,CAAA,SAAA,CAAAG,EAAAA,IAACC,GAAQ,GAAG,KAAK,eAACC,EAAK,CAAA,GAAG,kBAAiB,CAAG,CAAA,QAC7C,IAAE,CAAA,SAAAF,EAAAA,IAACE,EAAK,CAAA,GAAG,gDAAkD,CAAA,CAAA,CAAA,EAChE,QACCC,EAAO,CAAA,CAAA,CAAA,EACV,CAEJ"}