{"version":3,"file":"ContentSingle-CTjGFewR.js","sources":["../../../assets/images/conic-heart-royal-blue-400.png","../../../assets/images/conic-heart-sunset-orange-400.png","../../../assets/images/conic-heart-golden-tainoi-400.png","../../../src/components/ContentSingle.tsx"],"sourcesContent":["export default \"__VITE_ASSET__D4Ji1N8h__\"","export default \"__VITE_ASSET__S4Y2FZlD__\"","export default \"__VITE_ASSET__BCVv7zqz__\"","import React from 'react';\nimport { css, styled } from 'styled-components';\nimport { breakpoints } from '../styled/utils';\nimport Baseline from './layout/Baseline';\nimport Col from './layout/Col';\nimport Container, { ContainerProps } from './layout/Container';\nimport Grid from './layout/Grid';\nimport conicHeartRoyalBlue400 from '../../assets/images/conic-heart-royal-blue-400.png';\nimport conicHeartSunsetOrange400 from '../../assets/images/conic-heart-sunset-orange-400.png';\nimport conicHeartGoldenTainoi400 from '../../assets/images/conic-heart-golden-tainoi-400.png';\n\ninterface ContentSingleProps {\n  children: React.ReactNode,\n  id?: string,\n  icon?: string,\n  svg?: React.ReactNode,\n}\n\nconst Root = styled(Container)<ContainerProps>`\n  scroll-margin-top: var(--space-xxl);\n`;\n\ninterface ContentColProps {\n  $icon?: string,\n}\n\nconst ContentCol = styled(Col)<ContentColProps>`\n  ${props => props.$icon && css`\n      &::before {\n        background-position: center center;\n        background-repeat: no-repeat;\n        background-size: 100% auto;\n        content: '';\n        display: block;\n        position: relative;\n        top: 0;\n\n        @media ${breakpoints.md} {\n          left: calc(var(--gutter) * -1);\n          translate: -50% 25%;\n        }\n\n        ${props.$icon === 'heart' && css`\n          height: 6rem;\n          width: 6rem;\n\n          ${props => props.theme.color === 'royal-blue-400' && css`\n            background-image: url(${conicHeartRoyalBlue400});\n          `}\n\n          ${props => props.theme.color === 'sunset-orange-400' && css`\n            background-image: url(${conicHeartSunsetOrange400});\n          `}\n\n          ${props => props.theme.color === 'golden-tainoi-400' && css`\n            background-image: url(${conicHeartGoldenTainoi400});\n          `}\n        `}\n      }\n  `}\n`;\n\nexport default function ContentSingle({ icon, svg, children, id }: ContentSingleProps) {\n  return (\n    <Root id={id}>\n      <Grid $cols={{ sm: 4, md: 8, lg: 12 }} $columnGap=\"gutter\" $align={{ sm: 'center' }}>\n        {svg && (\n          <Col $col={{ sm: '1 / span 4', md: '1 / span 8', lg: '2 / span 10', xl: '3 / span 8' }} $row={{ sm: '1 / 2' }}>\n            {svg}\n          </Col>\n        )}\n        <ContentCol $col={{ sm: '1 / span 4', md: '2 / span 6', lg: '3 / span 8', xl: '4 / span 6' }} $row={{ sm: '1 / 2' }} $padding=\"gutter\" $icon={icon}>\n          <Baseline>\n            {children}\n          </Baseline>\n        </ContentCol>\n      </Grid>\n    </Root>\n  );\n}\n"],"names":["conicHeartRoyalBlue400","conicHeartSunsetOrange400","conicHeartGoldenTainoi400","Root","styled","Container","withConfig","displayName","componentId","ContentCol","Col","props","$icon","css","breakpoints","md","theme","color","ContentSingle","icon","svg","children","id","jsx","jsxs","Grid","sm","lg","xl","Baseline"],"mappings":"kaAAA,MAAeA,EAAA,kDCAAC,EAAA,qDCAAC,EAAA,qDCkBTC,EAAOC,EAAOC,CAAS,EAACC,WAAA,CAAAC,YAAA,sBAAAC,YAAA,aAAA,CAE7B,EAAA,CAAA,qCAAA,CAAA,EAMKC,EAAaL,EAAOM,CAAG,EAACJ,WAAA,CAAAC,YAAA,4BAAAC,YAAA,aAAA,CAAA,EAAA,CAAA,GAAA,EAAA,EAC1BG,GAASA,EAAMC,OAASC;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA,iBAUXC,EAAYC,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,UAKrBJ,EAAMC,QAAU,SAAWC;AAAAA;AAAAA;AAAAA;AAAAA,YAIzBF,GAASA,EAAMK,MAAMC,QAAU,kBAAoBJ;AAAAA,oCAC3Bb,CAAsB;AAAA,WAC/C;AAAA;AAAA,YAECW,GAASA,EAAMK,MAAMC,QAAU,qBAAuBJ;AAAAA,oCAC9BZ,CAAyB;AAAA,WAClD;AAAA;AAAA,YAECU,GAASA,EAAMK,MAAMC,QAAU,qBAAuBJ;AAAAA,oCAC9BX,CAAyB;AAAA,WAClD;AAAA,SACF;AAAA;AAAA,GAEN,EAGH,SAAwBgB,EAAc,CAAEC,KAAAA,EAAMC,IAAAA,EAAKC,SAAAA,EAAUC,GAAAA,CAAuB,EAAG,CACrF,OACGC,EAAA,IAAApB,EAAA,CAAK,GAAAmB,EACJ,SAAAE,OAACC,GAAK,MAAO,CAAEC,GAAI,EAAGX,GAAI,EAAGY,GAAI,EAAA,EAAM,WAAW,SAAS,OAAQ,CAAED,GAAI,QACtEN,EAAAA,SAAAA,CACCA,GAAAG,EAAA,IAACb,GAAI,KAAM,CAAEgB,GAAI,aAAcX,GAAI,aAAcY,GAAI,cAAeC,GAAI,cAAgB,KAAM,CAAEF,GAAI,OAAA,EACjGN,SACHA,EAAA,EAEFG,MAACd,GAAW,KAAM,CAAEiB,GAAI,aAAcX,GAAI,aAAcY,GAAI,aAAcC,GAAI,cAAgB,KAAM,CAAEF,GAAI,OAAA,EAAW,SAAS,SAAS,MAAOP,EAC5I,SAACI,EAAAA,IAAAM,EAAA,CACER,SAAAA,EACH,CACF,CAAA,CAAA,CAAA,CACF,CACF,CAAA,CAEJ"}