{"version":3,"file":"AboutEmployee-DGKCQYW2.js","sources":["../../../src/components/pages/our-people/AboutEmployee.tsx"],"sourcesContent":["import React from 'react';\nimport { User } from '../../../types';\nimport { styled } from 'styled-components';\nimport Card from '../../Card';\nimport Grid from '../../layout/Grid';\nimport Heading from '../../Heading';\nimport List from '../../List';\nimport Col from '../../layout/Col';\nimport Text from '../../Text';\nimport Link from '../../Link';\nimport ImageCol from '../../layout/ImageCol';\n\ninterface AboutEmployeeProps {\n  user: User,\n  detailed?: boolean\n  className?: string,\n}\n\nconst StyledReadMore = styled.strong`\n  cursor: pointer;\n  display: block;\n  text-decoration: underline;\n`;\n\nexport default function AboutEmployee({ user, detailed, className }: AboutEmployeeProps) {\n  const userName = user.name.toLowerCase();\n\n  return (\n    <Grid className={className} $cols={{ sm: 4, md: 8, lg: 12, xl: 8 }} $columnGap=\"gutter\" $rowGap=\"baseline\" $align={{ sm: 'flex-start' }}>\n      <ImageCol $col={{ sm: 'span 2', md: 'span 2' }} $image={user.image}>\n        <Link routeName='about.author' routeParams={{ id: user.id, name: userName }} />\n      </ImageCol>\n      <Col $col={{ sm: 'span 4', md: 'span 6', lg: 'span 8', xl: 'span 6' }}>\n        <Card>\n          <Link routeName='about.author' routeParams={{ id: user.id, name: userName }}>\n            <Heading as=\"h3\" $color=\"pastel-green-400\" $line=\"x\">{user.name}</Heading>\n          </Link>\n          <List>\n            <li>\n              <Text en={user.position} />\n            </li>\n            <li>{user.email}</li>\n          </List>\n          {detailed && (\n            <Text markdown en={user.summary} />\n          )}\n          {!detailed && (\n            <>\n              <Text markdown en={user.summary} />\n              <Link routeName=\"about.author\" routeParams={{ id: user.id, name: userName }}>\n                <StyledReadMore>\n                  {`See ${user.name}'s work`}\n                </StyledReadMore>\n              </Link>\n            </>\n          )}\n        </Card>\n      </Col>\n    </Grid>\n  );\n}\n"],"names":["StyledReadMore","styled","strong","withConfig","displayName","componentId","AboutEmployee","user","detailed","className","userName","name","toLowerCase","jsxs","Grid","sm","md","lg","xl","jsx","ImageCol","image","Link","id","Col","Card","Heading","List","Text","position","email","summary","Fragment"],"mappings":"odAkBA,MAAMA,EAAiBC,EAAOC,OAAMC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,aAAA,CAInC,EAAA,CAAA,yDAAA,CAAA,EAED,SAAwBC,EAAc,CAAEC,KAAAA,EAAMC,SAAAA,EAAUC,UAAAA,CAA8B,EAAG,CACjFC,MAAAA,EAAWH,EAAKI,KAAKC,YAAY,EAGrC,OAAAC,OAACC,EAAK,CAAA,UAAAL,EAAsB,MAAO,CAAEM,GAAI,EAAGC,GAAI,EAAGC,GAAI,GAAIC,GAAI,CAAK,EAAA,WAAW,SAAS,QAAQ,WAAW,OAAQ,CAAEH,GAAI,YACvH,EAAA,SAAA,CAAAI,MAACC,GAAS,KAAM,CAAEL,GAAI,SAAUC,GAAI,QAAA,EAAY,OAAQT,EAAKc,MAC3D,eAACC,EAAK,CAAA,UAAU,eAAe,YAAa,CAAEC,GAAIhB,EAAKgB,GAAIZ,KAAMD,GAAW,CAC9E,CAAA,EACAS,MAACK,GAAI,KAAM,CAAET,GAAI,SAAUC,GAAI,SAAUC,GAAI,SAAUC,GAAI,QAAS,EAClE,gBAACO,EACC,CAAA,SAAA,CAACN,EAAAA,IAAAG,EAAA,CAAK,UAAU,eAAe,YAAa,CAAEC,GAAIhB,EAAKgB,GAAIZ,KAAMD,CAAAA,EAC/D,SAACS,EAAAA,IAAAO,EAAA,CAAQ,GAAG,KAAK,OAAO,mBAAmB,MAAM,IAAKnB,SAAKI,EAAAA,IAAAA,CAAK,CAClE,CAAA,SACCgB,EACC,CAAA,SAAA,CAAAR,EAAAA,IAAC,MACC,SAACA,MAAAS,EAAA,CAAK,GAAIrB,EAAKsB,QAAS,CAAA,EAC1B,EACAV,EAAAA,IAAC,KAAIZ,CAAAA,SAAAA,EAAKuB,KAAM,CAAA,CAAA,EAClB,EACCtB,GACEW,EAAAA,IAAAS,EAAA,CAAK,SAAQ,GAAC,GAAIrB,EAAKwB,QACzB,EACA,CAACvB,GAEEK,EAAAA,KAAAmB,EAAA,SAAA,CAAA,SAAA,CAAAb,EAAA,IAACS,EAAK,CAAA,SAAQ,GAAC,GAAIrB,EAAKwB,QAAQ,EAC/BZ,EAAAA,IAAAG,EAAA,CAAK,UAAU,eAAe,YAAa,CAAEC,GAAIhB,EAAKgB,GAAIZ,KAAMD,GAC/D,SAACS,EAAAA,IAAAnB,EAAA,CACE,gBAAOO,EAAKI,IAAI,SACnB,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CAAA,CAAA,CAEJ,CACF,CAAA,CAAA,EACF,CAEJ"}