{"version":3,"sources":["webpack:///./src/components/BreadCrumbs.tsx"],"names":["BreadCrumbs","props","items","theme","center","localizedHomepageUrl","getFromConfig","process","home","className","hrefLang","getHrefLang","to","key","default","path","getLocalizedUrl","displayText","map","item","index"],"mappings":"4FAAA,mFAgBe,SAASA,EAAYC,GAAyB,IACnDC,EAAyBD,EAAzBC,MAAOC,EAAkBF,EAAlBE,MAAOC,EAAWH,EAAXG,OAEhBC,EAAuB,IAAIC,YAAa,OAACC,UAAD,oCAExCC,EACJ,kBAAC,OAAD,CACEC,UAAU,mBACVC,SAAUC,YAAYN,GACtBO,GAAIP,EACJQ,IAAG,QAJL,aAUF,OACE,yBAAKJ,UAAS,qBAAsBN,GAAK,IAA3B,KAA4CC,EAAS,SAAH,KAC9D,yBAAKK,UAAU,iBACb,yBAAKA,UAAU,eACZR,EAAMa,SACL,oCACGN,EACD,kBAAC,OAAD,CACEC,UAAU,mBACVC,SAAUC,YAAYT,EAAM,GAAGa,MAC/BH,GAAE,GAAKI,YAAgBd,EAAM,GAAGa,OAE/Bb,EAAM,GAAGe,eAIdhB,EAAMa,UACNZ,aADD,EACCA,EAAOgB,KAAI,SAACC,EAAMC,GAChB,OAAc,IAAVA,EAEA,oCACGZ,EACD,kBAAC,OAAD,CACEC,UAAU,mBACVC,SAAUC,YAAYQ,EAAKJ,MAC3BH,GAAE,GAAKI,YAAgBG,EAAKJ,MAC5BF,IAAKO,GAEJD,EAAKF,cAMV,kBAAC,OAAD,CACER,UAAU,mBACVC,SAAUC,YAAYQ,EAAKJ,MAC3BH,GAAE,GAAKI,YAAgBG,EAAKJ,MAC5BF,IAAKO,GAEJD,EAAKF","file":"component---src-templates-howdowework-tsx-9f10e642c8f7e658ccae.js","sourcesContent":["import React, { FunctionComponent } from 'react'\r\nimport { Link } from 'gatsby'\r\nimport { getFromConfig, getHrefLang, getLocalizedUrl } from '../utils/localeURL'\r\n\r\nexport interface BreadCrumbsProps {\r\n  default?: boolean\r\n  theme?: string\r\n  center?: boolean\r\n  items: [BreadCrumb]\r\n}\r\n\r\nexport interface BreadCrumb {\r\n  displayText: string\r\n  path: string\r\n}\r\n\r\nexport default function BreadCrumbs(props: BreadCrumbsProps) {\r\n  const { items, theme, center } = props\r\n\r\n  const localizedHomepageUrl = `/${getFromConfig(process.env.LOCALE ?? `cs`, `urlPrefix`, `PuxDesignGatsby`)}`\r\n\r\n  const home = (\r\n    <Link\r\n      className=\"breadcrumbs-item\"\r\n      hrefLang={getHrefLang(localizedHomepageUrl)}\r\n      to={localizedHomepageUrl}\r\n      key={`home`}\r\n    >\r\n      PUXDESIGN\r\n    </Link>\r\n  )\r\n\r\n  return (\r\n    <div className={`breadcrumbs-wrap ${theme ? theme : ``} ${center ? `center` : ``}`}>\r\n      <div className=\"pux-container\">\r\n        <div className=\"breadcrumbs\">\r\n          {props.default && (\r\n            <>\r\n              {home}\r\n              <Link\r\n                className=\"breadcrumbs-item\"\r\n                hrefLang={getHrefLang(items[0].path)}\r\n                to={`${getLocalizedUrl(items[0].path)}`}\r\n              >\r\n                {items[0].displayText}\r\n              </Link>\r\n            </>\r\n          )}\r\n          {!props.default &&\r\n            items?.map((item, index) => {\r\n              if (index === 0) {\r\n                return (\r\n                  <>\r\n                    {home}\r\n                    <Link\r\n                      className=\"breadcrumbs-item\"\r\n                      hrefLang={getHrefLang(item.path)}\r\n                      to={`${getLocalizedUrl(item.path)}`}\r\n                      key={index}\r\n                    >\r\n                      {item.displayText}\r\n                    </Link>\r\n                  </>\r\n                )\r\n              } else {\r\n                return (\r\n                  <Link\r\n                    className=\"breadcrumbs-item\"\r\n                    hrefLang={getHrefLang(item.path)}\r\n                    to={`${getLocalizedUrl(item.path)}`}\r\n                    key={index}\r\n                  >\r\n                    {item.displayText}\r\n                  </Link>\r\n                )\r\n              }\r\n            })}\r\n        </div>\r\n      </div>\r\n    </div>\r\n  )\r\n}\r\n"],"sourceRoot":""}