{"version":3,"sources":["webpack:///./src/components/ContentHero/index.tsx"],"names":["backLink","colorTheme","image","isLanding","isForPage","links","linksHeading","summary","title","titlePrefix","disableUppercase","translations","root","classes","push","titleWordSplit","toLowerCase","split","adjustedTitle","length","imageSize","isDarkened","className","join","data-for-label","header","forLabel","map","link","key","url","href"],"mappings":"iHAAA,yCAuFe,UA/EK,SAAC,G,IACnBA,EAAQ,WACR,IAAAC,kBAAU,IAAG,SAAM,EACnBC,EAAK,QACLC,EAAS,YACTC,EAAS,YACTC,EAAK,QACLC,EAAY,eACZC,EAAO,UACPC,EAAK,QACLC,EAAW,cACXC,EAAgB,mBAERC,EAAiB,qBAAW,KAAhB,aAEdC,EAAO,eACPC,EAAU,CACdD,EACGA,EAAI,WAAWX,GAEhBE,GACFU,EAAQC,KAAQF,EAAI,aAElBH,GACFI,EAAQC,KAAQF,EAAI,iBAGlBR,GACFS,EAAQC,KAAQF,EAAI,iBAGtB,IAAMG,EAAiBP,EAAMQ,cAAcC,MAAM,QAC3CC,EAAgBd,EAAYI,EAAMQ,cAAcC,MAAM,QAAQF,EAAeI,OAAS,GAAKX,EAEjG,OACE,gBAAC,IAAD,CACER,SAAUA,EACVC,WAAYA,EACZC,MAAOA,EACPkB,UAAU,OACVC,YAAY,EACZlB,UAAWA,EACXC,UAAWA,GAEX,0BAAQkB,UAAWT,EAAQU,KAAK,MAC7BpB,GAAaM,GACZ,qBAAGa,UAAcV,EAAI,kBAClBH,GAIL,sBACEa,UAAcV,EAAI,YAAWR,EAAeQ,EAAI,2BAA6B,IAAE,kBAC3EF,EAAsBE,EAAI,6BAA+B,IAC7DY,iBAAgBb,EAAac,OAAOC,UAEnCR,GAGFX,GAAW,qBAAGe,UAAcV,EAAI,aAAcL,GAE9CD,GAAiB,sBAAIgB,UAAcV,EAAI,mBAAoBN,GAE3DD,GACC,sBAAIiB,UAAcV,EAAI,WACnBP,EAAMsB,KAAI,SAACC,GAAS,OACnB,sBAAIC,IAAKD,EAAKE,KACZ,qBAAGC,KAAMH,EAAKE,KACXF,EAAKpB","file":"habitat.53.component.js","sourcesContent":["import * as React from 'react';\r\nimport { useContext } from 'react';\r\n\r\nimport LocalizationContext from '../../contexts/Localizations';\r\nimport { HeroBanner } from '../common';\r\nimport { ContentHeroProps } from './type';\r\nimport './styles.scss';\r\n\r\nconst ContentHero = ({\r\n  backLink,\r\n  colorTheme = 'blue',\r\n  image,\r\n  isLanding,\r\n  isForPage,\r\n  links,\r\n  linksHeading,\r\n  summary,\r\n  title,\r\n  titlePrefix,\r\n  disableUppercase,\r\n}: ContentHeroProps) => {\r\n  const { translations } = useContext(LocalizationContext);\r\n\r\n  const root = 'content-hero';\r\n  const classes = [\r\n    root,\r\n    `${root}--theme-${colorTheme}`,\r\n  ];\r\n  if (isLanding) {\r\n    classes.push(`${root}--landing`);\r\n  }\r\n  if (titlePrefix) {\r\n    classes.push(`${root}--with-prefix`);\r\n  }\r\n  // A page that has the \"FOR\"  prefix in the title, ex: https://www.uci.org/for-federations/28BogNv1Y3vtxJPkq7vgFs\r\n  if (isForPage) {\r\n    classes.push(`${root}--is-for-page`);\r\n  }\r\n\r\n  const titleWordSplit = title.toLowerCase().split('for ');\r\n  const adjustedTitle = isForPage ? title.toLowerCase().split('for ')[titleWordSplit.length - 1] : title;\r\n\r\n  return (\r\n    <HeroBanner\r\n      backLink={backLink}\r\n      colorTheme={colorTheme}\r\n      image={image}\r\n      imageSize=\"half\"\r\n      isDarkened={false}\r\n      isLanding={isLanding}\r\n      isForPage={isForPage}\r\n    >\r\n      <header className={classes.join(' ')}>\r\n        {isLanding && titlePrefix && (\r\n          <p className={`${root}__title_prefix`}>\r\n            {titlePrefix}\r\n          </p>\r\n        )}\r\n\r\n        <h1\r\n          className={`${root}__title ${isForPage ? `${root}__title--with-for-prefix` : ''}\r\n            ${disableUppercase ? `${root}__title--disable-uppercase` : ''}`}\r\n          data-for-label={translations.header.forLabel}\r\n        >\r\n          {adjustedTitle}\r\n        </h1>\r\n\r\n        {summary && <p className={`${root}__summary`}>{summary}</p>}\r\n\r\n        {linksHeading && (<h2 className={`${root}__links-heading`}>{linksHeading}</h2>)}\r\n\r\n        {links && (\r\n          <ul className={`${root}__links`}>\r\n            {links.map((link) => (\r\n              <li key={link.url}>\r\n                <a href={link.url}>\r\n                  {link.title}\r\n                </a>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        )}\r\n      </header>\r\n    </HeroBanner>\r\n  );\r\n};\r\n\r\nexport default ContentHero;\r\n"],"sourceRoot":""}