{"version":3,"sources":["webpack:///./src/components/helpers/Grid/index.tsx","webpack:///./src/components/ContentBlock/index.tsx"],"names":["Container","children","className","overflowHidden","Column","sm","md","lg","xl","render","this","props","isFlush","container","title","intro","content","contact","link","secondaryLink","downloads","image","themeColor","disableUppercase","contentWidth","containerTheme","isTitleFloating","url","file","alt","widthSizes","description","credit"],"mappings":"moBAsBaA,EAAY,SAAC,G,IACxBC,EAAQ,WACRC,EAAS,YACT,IAAAC,sBAAc,IAAG,GAAK,EACF,OACpB,uBAAKD,UAAW,cAAaC,GAAkB,8BAA4B,IAAID,GAC5ED,IAICG,EAAS,SAAC,G,IACd,IAAAC,UAAE,IAAG,IAAC,EACN,IAAAC,UAAE,IAAG,IAAC,EACN,IAAAC,UAAE,IAAG,KAAE,EACPC,EAAE,KACFN,EAAS,YACTD,EAAQ,WACS,OACjB,uBAAKC,UAAW,iBAAiBG,EAAE,WAAWC,EAAE,WAAWC,EAAE,KAAIC,GAAM,UAAUA,GAAI,IAAIN,GACtFD,IAIL,2B,+CAiBA,OAjB0B,OAKxB,YAAAQ,OAAA,WACQ,MAIFC,KAAKC,MAHPV,EAAQ,WACRW,EAAO,UACPV,EAAS,YAEX,OACE,uBAAKA,UAAW,SAAQU,GAAW,eAAa,IAAIV,GACjDD,IAZA,EAAAY,UAAYb,EAEZ,EAAAI,OAASA,EAclB,EAjBA,CAA0B,c,kSCiCX,UAvEM,SAAC,G,MACpBU,EAAK,QACLC,EAAK,QACLC,EAAO,UACPC,EAAO,UACPC,EAAI,OACJC,EAAa,gBACbC,EAAS,YACTC,EAAK,QACLC,EAAU,aACVC,EAAgB,mBAEZC,EAAe,CACjBnB,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,IAc3B,OAXIa,IAAUD,IACZI,EAAe,CACbnB,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,IAGzBa,GAASD,IACXI,EAAe,CACbnB,GAAI,EAAGC,GAAI,EAAGC,GAAI,EAAGC,GAAI,IAK3B,uBAAKN,UAAW,gCAAgCoB,GAC9C,gBAAC,IAAD,KACE,gBAAC,IAAD,CAAMpB,UAAU,4BACd,gBAAC,IAAKE,OAAN,KAAiBoB,EAAjB,CAA+BtB,UAAU,2BACvC,gBAAC,IAAD,CACEY,MAAOA,EACPC,MAAOA,EACPC,QAASA,EACTC,QAASA,EACTG,UAAWA,EACXF,KAAMA,EACNC,cAAeA,EACfM,eAAgBH,EAChBI,iBAAkBL,EAClBE,iBAAkBA,KAIrBF,GACC,gBAAC,IAAKjB,OAAN,CAAaC,GAAI,EAAGC,GAAI,EAAGC,GAAIa,EAAY,EAAI,EAAGZ,GAAIY,EAAY,EAAI,EAAGlB,UAAU,+BACjF,gBAAC,IAAD,CAAOyB,IAAe,QAAV,EAAAN,EAAMO,YAAI,eAAED,IAAKE,IAAKR,EAAMP,MAAOgB,WAAY,CAAC,MAAO,MAAO,UAC1E,uBAAK5B,UAAU,uCACZmB,EAAMU,aACL,uBAAK7B,UAAU,2CACZmB,EAAMU,aAITV,EAAMW,QACN,yBAAO9B,UAAU,yCACf,KACCmB,EAAMW","file":"habitat.44.component.js","sourcesContent":["import * as React from 'react';\r\n\r\ninterface ContainerProps {\r\n  className?: string;\r\n  children: JSX.Element | JSX.Element[];\r\n  overflowHidden?: boolean;\r\n}\r\n\r\ninterface ColumnProps {\r\n  sm?: number;\r\n  md?: number;\r\n  lg?: number;\r\n  xl?: number;\r\n  className?: string;\r\n  children: React.ReactNode;\r\n}\r\n\r\ninterface GridProps {\r\n  isFlush?: boolean;\r\n  className?: string;\r\n}\r\n\r\nexport const Container = ({\r\n  children,\r\n  className,\r\n  overflowHidden = false,\r\n}: ContainerProps) => (\r\n  <div className={`container ${overflowHidden && 'container--overflow-hidden'} ${className}`}>\r\n    {children}\r\n  </div>\r\n);\r\n\r\nconst Column = ({\r\n  sm = 6,\r\n  md = 6,\r\n  lg = 12,\r\n  xl,\r\n  className,\r\n  children,\r\n}: ColumnProps) => (\r\n  <div className={`column col-sm-${sm} col-md-${md} col-lg-${lg} ${xl && `col-xl-${xl}`} ${className}`}>\r\n    {children}\r\n  </div>\r\n);\r\n\r\nexport class Grid extends React.Component<GridProps> {\r\n  static container = Container;\r\n\r\n  static Column = Column;\r\n\r\n  render() {\r\n    const {\r\n      children,\r\n      isFlush,\r\n      className,\r\n    } = this.props;\r\n    return (\r\n      <div className={`grid ${isFlush && 'grid--flush'} ${className}`}>\r\n        {children}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n","import * as React from 'react';\r\nimport { Grid } from '../helpers/Grid';\r\nimport Container from '../helpers/Container';\r\nimport { Image, Content } from '../common';\r\nimport ContentBlockProps from './type';\r\nimport './styles.scss';\r\n\r\nconst ContentBlock = ({\r\n  title,\r\n  intro,\r\n  content,\r\n  contact,\r\n  link,\r\n  secondaryLink,\r\n  downloads,\r\n  image,\r\n  themeColor,\r\n  disableUppercase,\r\n}: ContentBlockProps) => {\r\n  let contentWidth = {\r\n    sm: 6, md: 8, lg: 8, xl: 11,\r\n  };\r\n\r\n  if (image && !downloads) {\r\n    contentWidth = {\r\n      sm: 6, md: 3, lg: 3, xl: 4,\r\n    };\r\n  }\r\n  if (image && downloads) {\r\n    contentWidth = {\r\n      sm: 6, md: 4, lg: 4, xl: 6,\r\n    };\r\n  }\r\n\r\n  return (\r\n    <div className={`content-block content-block--${themeColor}`}>\r\n      <Container>\r\n        <Grid className=\"content-block__container\">\r\n          <Grid.Column {...contentWidth} className=\"content-block__content\">\r\n            <Content\r\n              title={title}\r\n              intro={intro}\r\n              content={content}\r\n              contact={contact}\r\n              downloads={downloads}\r\n              link={link}\r\n              secondaryLink={secondaryLink}\r\n              containerTheme={themeColor}\r\n              isTitleFloating={!image}\r\n              disableUppercase={disableUppercase}\r\n            />\r\n          </Grid.Column>\r\n\r\n          {image && (\r\n            <Grid.Column sm={6} md={4} lg={downloads ? 3 : 4} xl={downloads ? 3 : 6} className=\"content-block__illustration\">\r\n              <Image url={image.file?.url} alt={image.title} widthSizes={['400', '800', '1000']} />\r\n              <div className=\"content-block__illustration-details\">\r\n                {image.description && (\r\n                  <div className=\"content-block__illustration-description\">\r\n                    {image.description}\r\n                  </div>\r\n                )}\r\n\r\n                {(image.credit) && (\r\n                  <small className=\"content-block__illustration-copyright\">\r\n                    &copy;&nbsp;\r\n                    {image.credit}\r\n                  </small>\r\n                )}\r\n              </div>\r\n            </Grid.Column>\r\n          )}\r\n        </Grid>\r\n      </Container>\r\n    </div>\r\n  );\r\n};\r\n\r\nexport default ContentBlock;\r\n"],"sourceRoot":""}