{"version":3,"sources":["webpack:///./src/img/Mail.svg","webpack:///./src/components/PuxEcomailForm/PuxEcomailForm.tsx","webpack:///./src/components/SideBanner/SideBanner.tsx","webpack:///./src/templates/blog-detail.tsx","webpack:///./src/components/BreadCrumbs.tsx","webpack:///./src/components/ServiceNav.tsx"],"names":["PuxEcomailForm","props","className","src","alt","method","action","htmlFor","required","type","name","placeholder","target","href","SideBanner","sideBannerImage","puxMediaSelectorImage","displayText","content","sideBannerContent","sideBannerLink","internal","hrefLang","getHrefLang","url","to","getLocalizedUrl","text","BlogDetail","item","data","pageContext","blogData","orchard","blog","navigationData","puxCrossDivisionNavigation","localizedPath","localization","localizations","JSON","stringify","headline","image","puxMediaSelector","resizePaths","resizePathsTablet","resizePathsMobile","datePublished","createdUtc","dateModified","modifiedUtc","PuxMetaTags","metaTagsData","BreadCrumbs","items","breadcrumbs","center","puxCategory","termContentItems","map","format","date","blogAuthor","contentItems","perex","widgetBuilderData","widgets","blogSideBanner","idx","key","ServiceNav","crossDivisionNavigation","loading","process","theme","localizedHomepageUrl","getFromConfig","home","default","path","index","puxDesignServiceNavigationItemService","puxDesignThemeSelector","puxDesignThemeSelectorTheme","service","id","puxDesignIconSelector","puxDesignIconSelectorIcon","color","puxDesignServiceNavigationItemCustomTitle","puxDesignServiceNavigationItemCustomDescription","puxDesignServicePageDescription"],"mappings":"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","file":"component---src-templates-blog-detail-tsx-73014ada7570d3e106ca.js","sourcesContent":["var _path, _path2;\n\nfunction _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgMail(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    width: 43,\n    height: 37,\n    viewBox: \"0 0 43 37\",\n    fill: \"none\",\n    xmlns: \"http://www.w3.org/2000/svg\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M5.74047 4.90697C4.39894 6.15268 3.50048 8.17393 3.50048 11.3446V25.1554C3.50048 28.3261 4.39894 30.3473 5.74047 31.593C7.10185 32.8572 9.15298 33.5405 11.8856 33.5405H31.6153C34.348 33.5405 36.3991 32.8572 37.7605 31.593C39.102 30.3473 40.0005 28.3261 40.0005 25.1554V11.3446C40.0005 8.17393 39.102 6.15268 37.7605 4.90697C36.3991 3.64283 34.348 2.95946 31.6153 2.95946H11.8856C9.15298 2.95946 7.10185 3.64283 5.74047 4.90697ZM3.7267 2.7383C5.81802 0.796359 8.69932 0 11.8856 0H31.6153C34.8016 0 37.6829 0.796359 39.7743 2.7383C41.8854 4.69867 42.9599 7.60986 42.9599 11.3446V25.1554C42.9599 28.8901 41.8854 31.8013 39.7743 33.7617C37.6829 35.7036 34.8016 36.5 31.6153 36.5H11.8856C8.69932 36.5 5.81802 35.7036 3.7267 33.7617C1.61553 31.8013 0.541016 28.8901 0.541016 25.1554V11.3446C0.541016 7.60986 1.61553 4.69867 3.7267 2.7383Z\",\n    fill: \"white\"\n  })), _path2 || (_path2 = /*#__PURE__*/React.createElement(\"path\", {\n    fillRule: \"evenodd\",\n    clipRule: \"evenodd\",\n    d: \"M32.772 11.4079C33.282 12.0464 33.1778 12.9775 32.5392 13.4875L26.362 18.4214C23.7904 20.4687 19.6916 20.4687 17.1201 18.4214L17.1164 18.4185L10.9608 13.4861C10.323 12.9751 10.2203 12.0438 10.7313 11.4061C11.2423 10.7683 12.1736 10.6656 12.8113 11.1766L18.965 16.1075C20.4578 17.2943 23.0257 17.2941 24.518 16.1067C24.5178 16.1069 24.5182 16.1065 24.518 16.1067L30.6923 11.1752C31.3308 10.6651 32.2619 10.7693 32.772 11.4079Z\",\n    fill: \"white\"\n  })));\n}\n\nexport default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDMiIGhlaWdodD0iMzciIHZpZXdCb3g9IjAgMCA0MyAzNyIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4NCjxwYXRoIGZpbGwtcnVsZT0iZXZlbm9kZCIgY2xpcC1ydWxlPSJldmVub2RkIiBkPSJNNS43NDA0NyA0LjkwNjk3QzQuMzk4OTQgNi4xNTI2OCAzLjUwMDQ4IDguMTczOTMgMy41MDA0OCAxMS4zNDQ2VjI1LjE1NTRDMy41MDA0OCAyOC4zMjYxIDQuMzk4OTQgMzAuMzQ3MyA1Ljc0MDQ3IDMxLjU5M0M3LjEwMTg1IDMyLjg1NzIgOS4xNTI5OCAzMy41NDA1IDExLjg4NTYgMzMuNTQwNUgzMS42MTUzQzM0LjM0OCAzMy41NDA1IDM2LjM5OTEgMzIuODU3MiAzNy43NjA1IDMxLjU5M0MzOS4xMDIgMzAuMzQ3MyA0MC4wMDA1IDI4LjMyNjEgNDAuMDAwNSAyNS4xNTU0VjExLjM0NDZDNDAuMDAwNSA4LjE3MzkzIDM5LjEwMiA2LjE1MjY4IDM3Ljc2MDUgNC45MDY5N0MzNi4zOTkxIDMuNjQyODMgMzQuMzQ4IDIuOTU5NDYgMzEuNjE1MyAyLjk1OTQ2SDExLjg4NTZDOS4xNTI5OCAyLjk1OTQ2IDcuMTAxODUgMy42NDI4MyA1Ljc0MDQ3IDQuOTA2OTdaTTMuNzI2NyAyLjczODNDNS44MTgwMiAwLjc5NjM1OSA4LjY5OTMyIDAgMTEuODg1NiAwSDMxLjYxNTNDMzQuODAxNiAwIDM3LjY4MjkgMC43OTYzNTkgMzkuNzc0MyAyLjczODNDNDEuODg1NCA0LjY5ODY3IDQyLjk1OTkgNy42MDk4NiA0Mi45NTk5IDExLjM0NDZWMjUuMTU1NEM0Mi45NTk5IDI4Ljg5MDEgNDEuODg1NCAzMS44MDEzIDM5Ljc3NDMgMzMuNzYxN0MzNy42ODI5IDM1LjcwMzYgMzQuODAxNiAzNi41IDMxLjYxNTMgMzYuNUgxMS44ODU2QzguNjk5MzIgMzYuNSA1LjgxODAyIDM1LjcwMzYgMy43MjY3IDMzLjc2MTdDMS42MTU1MyAzMS44MDEzIDAuNTQxMDE2IDI4Ljg5MDEgMC41NDEwMTYgMjUuMTU1NFYxMS4zNDQ2QzAuNTQxMDE2IDcuNjA5ODYgMS42MTU1MyA0LjY5ODY3IDMuNzI2NyAyLjczODNaIiBmaWxsPSJ3aGl0ZSIvPg0KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0zMi43NzIgMTEuNDA3OUMzMy4yODIgMTIuMDQ2NCAzMy4xNzc4IDEyLjk3NzUgMzIuNTM5MiAxMy40ODc1TDI2LjM2MiAxOC40MjE0QzIzLjc5MDQgMjAuNDY4NyAxOS42OTE2IDIwLjQ2ODcgMTcuMTIwMSAxOC40MjE0TDE3LjExNjQgMTguNDE4NUwxMC45NjA4IDEzLjQ4NjFDMTAuMzIzIDEyLjk3NTEgMTAuMjIwMyAxMi4wNDM4IDEwLjczMTMgMTEuNDA2MUMxMS4yNDIzIDEwLjc2ODMgMTIuMTczNiAxMC42NjU2IDEyLjgxMTMgMTEuMTc2NkwxOC45NjUgMTYuMTA3NUMyMC40NTc4IDE3LjI5NDMgMjMuMDI1NyAxNy4yOTQxIDI0LjUxOCAxNi4xMDY3QzI0LjUxNzggMTYuMTA2OSAyNC41MTgyIDE2LjEwNjUgMjQuNTE4IDE2LjEwNjdMMzAuNjkyMyAxMS4xNzUyQzMxLjMzMDggMTAuNjY1MSAzMi4yNjE5IDEwLjc2OTMgMzIuNzcyIDExLjQwNzlaIiBmaWxsPSJ3aGl0ZSIvPg0KPC9zdmc+DQo=\";\nexport { SvgMail as ReactComponent };","import './PuxEcomailForm.scss'\r\n\r\nimport React, { FunctionComponent } from 'react'\r\nimport icon from \"../../img/Mail.svg\"\r\n\r\ninterface PuxEcomailFormType {\r\n  action: string\r\n}\r\n\r\nconst PuxEcomailForm: FunctionComponent<PuxEcomailFormType> = (props) => (\r\n  <div className='eco-form'>\r\n    <div className='pux-container'>\r\n      <div className='eco-form-box'>\r\n        <div className='eco-form-title'>\r\n          <div className='eco-form-icon'>\r\n            <img src={icon} alt=\"\" />\r\n          </div>\r\n          <h2>\r\n            <strong>Buďte v obraze ve světě webů a e-shopů</strong>\r\n            <br />\r\n            Přihlaste se k odběru našeho newsletteru\r\n          </h2>\r\n        </div>\r\n        <div className='eco-form-subtitle'>\r\n          Každé 3 měsíce vám pošleme oběžník s horkými informacemi ze světa vývoje a webdesignu, novinkami v e-commerce sféře i akčními nabídkami pro ještě lepší web.\r\n        </div>\r\n        <form method=\"post\" action={props.action}>\r\n          <div className=\"eco-input-group\">\r\n            <div className=\"eco-input required\">\r\n              <label htmlFor=\"name\">Jméno a příjmení</label>\r\n              <input required type=\"text\" name=\"name\" placeholder='Vaše jméno a příjmení' />\r\n            </div>\r\n            <div className=\"eco-input required\">\r\n              <label htmlFor=\"email\">e-mail</label>\r\n              <input required type=\"email\" name=\"email\" placeholder='Váš e-mail' />\r\n            </div>\r\n          </div>\r\n          <button className=\"eco-submit\" type='submit'>Přihlásit se k odběru</button>\r\n        </form>\r\n        <div className='eco-form-gdpr'>\r\n          Přihlášením k newsletteru souhlasíte <a target='_blank' href='https://www.puxdesign.cz/cz/privacy-policy'>s našimi zásadami zpracování osobních údajů</a>.\r\n        </div>\r\n      </div>\r\n    </div>\r\n  </div>\r\n)\r\n\r\nexport default PuxEcomailForm\r\n","import \"./SideBanner.scss\"\r\nimport React, { FunctionComponent } from 'react'\r\nimport { Link } from 'gatsby'\r\nimport Picture from '../shared/picture'\r\nimport { getHrefLang, getLocalizedUrl } from '../../utils/localeURL'\r\nimport PuxTrumbowyg from \"../shared/pux-trumbowyg\"\r\n\r\nconst SideBanner: FunctionComponent<any> = ({ props }) => {\r\n    function sideBannerLink() {\r\n        if (!props.sideBannerLink) {\r\n            return null\r\n        }\r\n\r\n        if (props.sideBannerLink.internal[0]) {\r\n            return (\r\n                <Link className=\"btn btn-primary\" hrefLang={getHrefLang(props.sideBannerLink.url[0])} to={getLocalizedUrl(props.sideBannerLink.url[0])}>\r\n                    {props.sideBannerLink.text[0]}\r\n                </Link>\r\n            )\r\n        } else {\r\n            return (\r\n                <a className=\"btn btn-primary\" href={props.sideBannerLink.url[0]}>\r\n                    {props.sideBannerLink.text[0]}\r\n                </a>\r\n            )\r\n        }\r\n    }\r\n\r\n    return (\r\n        <div className=\"side-banner\">\r\n            <div className=\"side-banner-image\">\r\n                {props.sideBannerImage !== null && (\r\n                    <Picture puxMediaSelectorImage={props.sideBannerImage.puxMediaSelectorImage} alt={props.displayText} />\r\n                )}\r\n            </div>\r\n            <div className=\"side-banner-content\">\r\n                <PuxTrumbowyg content={props.sideBannerContent} />\r\n                {sideBannerLink()}\r\n            </div>\r\n        </div>\r\n    )\r\n}\r\n\r\nexport default SideBanner\r\n","import React from 'react'\r\nimport { graphql } from 'gatsby'\r\nimport Layout from '../components/layout/layout'\r\nimport WidgetBuilder from '../components/builders/widget-builder'\r\nimport { BlogAuthor, BlogDetailProps } from '../types/blog.types'\r\nimport BlogPost from '../components/blog/blog-post'\r\nimport Moment from 'react-moment'\r\nimport Picture from '../components/shared/picture'\r\nimport PuxTrumbowyg from '../components/shared/pux-trumbowyg'\r\nimport '../sass/blog/detail.scss'\r\nimport '../sass/blog/post.scss'\r\nimport BreadCrumbs from '../components/BreadCrumbs'\r\nimport PuxMetaTags from '../components/shared/PuxMetaTags'\r\nimport PuxEcomailForm from '../components/PuxEcomailForm/PuxEcomailForm'\r\nimport { t } from 'ttag'\r\nimport SideBanner from '../components/SideBanner/SideBanner'\r\nimport ServiceNav from '../components/ServiceNav'\r\n\r\nexport const query = graphql`\r\n  query($pagePath: String = \"\") {\r\n    orchard {\r\n      blog(where: { path: $pagePath }) {\r\n        displayText\r\n        perex {\r\n          html\r\n        }\r\n        createdUtc\r\n        modifiedUtc\r\n        path\r\n        contentItemId\r\n        blogAuthor {\r\n          contentItems(first: 1) {\r\n            displayText\r\n          }\r\n        }\r\n        puxMediaSelector {\r\n          puxMediaSelectorImage {\r\n            resizePaths(width: 1920, mode: \"Min\", quality: 75)\r\n            resizePathsMobile(width: 768, mode: \"Min\", quality: 75)\r\n            resizePathsTablet(width: 1200, mode: \"Min\", quality: 75)\r\n          }\r\n        }\r\n        puxCategory {\r\n          termContentItems {\r\n            displayText\r\n          }\r\n        }\r\n        localization {\r\n          localizations {\r\n            ... on Orchard_Blog {\r\n              path\r\n              published\r\n              localization {\r\n                culture\r\n              }\r\n            }\r\n          }\r\n        }\r\n        blogSideBanner {\r\n          contentItems {\r\n            displayText\r\n            ... on Orchard_PuxDesignSideBanner {\r\n              createdUtc\r\n              displayText\r\n              sideBannerContent {\r\n                html\r\n              }\r\n              sideBannerLink {\r\n                internal\r\n                text\r\n                url\r\n              }\r\n              sideBannerImage {\r\n                puxMediaSelectorImage {\r\n                  resizePaths(width: 1920, mode: \"Min\", quality: 75)\r\n                  resizePathsMobile(width: 768, mode: \"Min\", quality: 75)\r\n                  resizePathsTablet(width: 1200, mode: \"Min\", quality: 75)\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n      puxCrossDivisionNavigation(where: {alias: {alias: \"blog-cross-division-navigation\"}}) {\r\n        crossDivisionNavigation {\r\n          contentItems {\r\n            ... on Orchard_PuxDesignServiceNavigationItem {\r\n              puxDesignServiceNavigationItemCustomDescription\r\n              puxDesignServiceNavigationItemCustomTitle\r\n              puxDesignServiceNavigationItemService {\r\n                contentItems {\r\n                  ... on Orchard_PuxDesignServicePage {\r\n                    displayText\r\n                    puxDesignServicePageDescription\r\n                    path\r\n                    puxDesignIconSelector {\r\n                      puxDesignIconSelectorIcon\r\n                    }\r\n                    puxDesignThemeSelector {\r\n                      puxDesignThemeSelectorTheme\r\n                    }\r\n                  }\r\n                }\r\n              }\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n`\r\n\r\nfunction getBlogJson(item) {\r\n  const json = {\r\n    '@context': `https://schema.org`,\r\n    '@type': `NewsArticle`,\r\n    headline: item.displayText,\r\n    image: [\r\n      item.puxMediaSelector?.puxMediaSelectorImage.resizePaths[0] ?? ``,\r\n      item.puxMediaSelector?.puxMediaSelectorImage.resizePathsTablet[0] ?? ``,\r\n      item.puxMediaSelector?.puxMediaSelectorImage.resizePathsMobile[0] ?? ``,\r\n    ],\r\n    datePublished: item.createdUtc,\r\n    dateModified: item.modifiedUtc ?? ``,\r\n  }\r\n\r\n  return json\r\n}\r\n\r\nexport default function BlogDetail({ data, pageContext }: BlogDetailProps) {\r\n  const blogData = data.orchard.blog[0]\r\n  const navigationData = data.orchard.puxCrossDivisionNavigation[0]\r\n\r\n  return (\r\n    <Layout localizedPath={blogData.localization?.localizations}>\r\n      <script type=\"application/ld+json\">{JSON.stringify(getBlogJson(blogData))}</script>\r\n      <PuxMetaTags {...pageContext.metaTagsData} />\r\n      <BreadCrumbs items={pageContext.breadcrumbs} center={false} />\r\n      <div className=\"blog-background\">\r\n\r\n        <div className=\"pux-container\">\r\n          <div className=\"blog-grid\">\r\n            <div className=\"blog-article\">\r\n              <h1>{blogData.displayText}</h1>\r\n              <small className=\"blog-info\">\r\n                <div className=\"post-tags\">\r\n                  {blogData.puxCategory.termContentItems.map(item => (\r\n                    <div className=\"post-tag\">\r\n                      <span>{item.displayText}</span>\r\n                    </div>\r\n                  ))}\r\n                </div>\r\n                <div>\r\n                  <Moment format=\"DD - MM - YYYY\" date={blogData.createdUtc} />\r\n                  <span> | </span>\r\n                  {blogData.blogAuthor.contentItems[0].displayText}\r\n                </div>\r\n              </small>\r\n              <div className=\"blog-image\">\r\n                <Picture\r\n                  puxMediaSelectorImage={blogData.puxMediaSelector.puxMediaSelectorImage}\r\n                  alt={blogData.displayText}\r\n                />\r\n              </div>\r\n              <PuxTrumbowyg content={blogData.perex} />\r\n              <WidgetBuilder widgetBuilderData={pageContext.widgets} />\r\n            </div>\r\n            <aside className=\"blog-side\">\r\n              {blogData?.blogSideBanner?.contentItems?.map((item, idx) => (\r\n                <SideBanner key={idx} props={item} />\r\n              )\r\n              )}\r\n              {/* {pageContext.relatedBlogPosts?.data?.orchard?.blog?.map(post => {\r\n              return (\r\n                <div key={post.contentItemId} className=\"blog-related-item-small\">\r\n                <BlogPost type=\"small\" props={post} />\r\n                </div>\r\n                )\r\n              })} */}\r\n            </aside>\r\n          </div>\r\n        </div>\r\n      </div>\r\n      <div className=\"blog-subscribe\">\r\n        <PuxEcomailForm action='https://puxdesign.ecomailapp.cz/public/subscribe/7/c01458c4e85a58f0047857fac06ae283' />\r\n      </div>\r\n      <section className=\"blog-navigation landingPage-navigation\">\r\n        <div className='pux-container'>\r\n          <h2 className=\"center-content h3\">{t`PuxDesign.Blog.Navigation.Title`}</h2>\r\n        </div>\r\n        <ServiceNav {...navigationData.crossDivisionNavigation}></ServiceNav>\r\n      </section>\r\n      <section className='landingPage-socials'>\r\n        <img className='landingPage-socials-background' loading='lazy' src={`${process.env.GATSBY_ORCHARD_API_URL + '/media/enterprise%20landing%20page'}/PuxSocialsBanner.png`} alt='' />\r\n        <div className='landingPage-socials-content'>\r\n          <div className='pux-container'>\r\n            <h2 className='landingPage-socials-title'>{t`PuxDesign.LandingPage.Socials.Title`}</h2>\r\n            <div className='landingPage-socials-perex'>{t`PuxDesign.LandingPage.Socials.Perex`}</div>\r\n            <div className='landingPage-socials-buttons'>\r\n              <a href={t`PuxDesign.LandingPage.Socials.Instagram`} target='_blank' className='landingPage-socials-button-instagram'></a>\r\n              <a href={t`PuxDesign.LandingPage.Socials.Facebook`} target='_blank' className='landingPage-socials-button-facebook'></a>\r\n              <a href={t`PuxDesign.LandingPage.Socials.Linkedin`} target='_blank' className='landingPage-socials-button-linkedin'></a>\r\n            </div>\r\n          </div>\r\n        </div>\r\n      </section>\r\n    </Layout>\r\n  )\r\n}\r\n","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","import React from 'react'\r\nimport { Link } from 'gatsby'\r\nimport { Icon } from '../components/builders/icon-builder'\r\nimport { getHrefLang, getLocalizedUrl } from '../utils/localeURL'\r\n\r\ninterface ServiceNavProps {\r\n  contentItems: [\r\n    {\r\n      puxDesignServiceNavigationItemCustomDescription: string\r\n      puxDesignServiceNavigationItemCustomTitle: string\r\n      puxDesignServiceNavigationItemService: {\r\n        contentItems: [\r\n          {\r\n            displayText: string\r\n            puxDesignServicePageDescription: string\r\n            path: string\r\n            puxDesignIconSelector: {\r\n              puxDesignIconSelectorIcon: string\r\n            }\r\n            puxDesignThemeSelector: {\r\n              puxDesignThemeSelectorTheme: string\r\n            }\r\n          }\r\n        ]\r\n      }\r\n    }\r\n  ]\r\n}\r\n\r\nexport default function ServiceNav(props: ServiceNavProps) {\r\n  const theme = props.contentItems && props.contentItems[0]?.puxDesignServiceNavigationItemService.contentItems[0]\r\n    ? props.contentItems[0]?.puxDesignServiceNavigationItemService.contentItems[0].puxDesignThemeSelector\r\n      .puxDesignThemeSelectorTheme\r\n    : ``\r\n\r\n  if (!theme) {\r\n    return null;\r\n  }\r\n\r\n  return props.contentItems ? (\r\n    <div className={`sister-division-nav ${theme}`}>\r\n      <div className=\"pux-container\">\r\n        <nav>\r\n          <ul>\r\n            {props.contentItems.map((service, index) => (\r\n              <li key={index}>\r\n                <Link\r\n                  hrefLang={getHrefLang(service.puxDesignServiceNavigationItemService.contentItems[0].path)}\r\n                  to={getLocalizedUrl(service.puxDesignServiceNavigationItemService.contentItems[0].path)}\r\n                >\r\n                  <div className=\"content\">\r\n                    <Icon\r\n                      id={\r\n                        service.puxDesignServiceNavigationItemService.contentItems[0].puxDesignIconSelector\r\n                          .puxDesignIconSelectorIcon\r\n                      }\r\n                      color=\"#FFF\"\r\n                    ></Icon>\r\n                    <big>\r\n                      {service.puxDesignServiceNavigationItemCustomTitle\r\n                        ? service.puxDesignServiceNavigationItemCustomTitle\r\n                        : service.puxDesignServiceNavigationItemService.contentItems[0].displayText}\r\n                    </big>\r\n                    <div className='content-text'>\r\n                      {service.puxDesignServiceNavigationItemCustomDescription\r\n                        ? service.puxDesignServiceNavigationItemCustomDescription\r\n                        : service.puxDesignServiceNavigationItemService.contentItems[0].puxDesignServicePageDescription}\r\n                    </div>\r\n                  </div>\r\n                </Link>\r\n              </li>\r\n            ))}\r\n          </ul>\r\n        </nav>\r\n      </div>\r\n    </div>\r\n  ) : null\r\n}\r\n"],"sourceRoot":""}