{"version":3,"sources":["webpack:///./src/assets/Images/ogImages/OG_DigirytePods.jpg","webpack:///./src/components/HeroTabSectionFaq/index.jsx","webpack:///./src/pages/faqs.jsx","webpack:///./node_modules/@material-ui/core/esm/Card/Card.js","webpack:///./src/templates/InfoView/index.jsx","webpack:///./src/templates/Box/index.jsx","webpack:///./src/templates/InfoView/InfoView.scss","webpack:///./src/assets/Images/Homepage/Learn_More_white.svg","webpack:///./src/templates/OurLocation/index.jsx","webpack:///./src/assets/Images/Faq/HeroSelectAll.png"],"names":["module","exports","HeroTabSectionFaq","useState","faqData","categoryId","activeCategory","setActiveCategory","subCategories","subCategoryId","activeSubCategory","setActiveSubCategory","selectFaq","setSelectFaq","faqRef","useRef","useEffect","handleClickOutside","event","current","contains","target","document","addEventListener","removeEventListener","selectedCategory","find","category","selectedSubCategory","subCategory","className","RevealAnimation","component","src","HeroSelectAll","alt","map","index","key","onClick","length","handleCategoryClick","categoryName","ref","subCategoryName","questionsAnswers","faq","id","question","xmlns","fill","viewBox","strokeWidth","stroke","strokeLinecap","strokeLinejoin","d","answer","FaqPage","LocationCardData","mapImage","locationImages","image","UK","imgTitle","route","Banglore","Hyderabad","Mumbai","Chennai","Coimbatore","LocationCardData1","mapImage1","Manchester","mBangalore","mHyderabad","mMumbai","mChennai","mCoimbatore","InfoviewData","InfoviewTitle","InfoviewContent","BoxData","boxBtn1Width","boxBtn1Height","boxBtn1variant","boxBtn1color","boxBtn1label","tip","tooltip","Clm2SubTitle","boxBtn1Title","boxBtn1SubTitle","boxBtn2Width","boxBtn2Height","boxBtn2variant","boxBtn2color","boxBtn2label","boxBtn2Title","tip1","boxBtn2SubTitle","route1","route2","TwoColumnContactInfoData","Clm1Img","Clm1Title","Clm1SubTitle","Clm2Img","Clm2Title","seo","title","ogtitle","description","ogimage","ogurl","BASE_SITE_URL","FormSection","animation","label","Box","TwoColumnContactInfo","Card","props","classes","_props$raised","raised","other","root","elevation","overflow","name","Infoview","tag","InfoviewButtonLabel","role","style","display","icon","RightArrowWhite","customClassName","variant","color","routepath","setOpenModal","useContactModal","container","direction","marginTop","item","xs","sm","href","textDecoration","btnWidth","btnHeight","view","LocationCards","imgAlt","marginBottom","spacing","md"],"mappings":"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","file":"component---src-pages-faqs-jsx-92e3d86bf6e7e5e4ec11.js","sourcesContent":["module.exports = __webpack_public_path__ + \"static/OG_DigirytePods-322b512fef562ebdfffa4114c1e0d82e.jpg\";","import React, { useEffect, useRef, useState } from \"react\";\nimport \"./style.scss\";\nimport HeroSelectAll from \"../../assets/Images/Faq/HeroSelectAll.png\";\nimport RevealAnimation from \"../RevealAnimation\";\nimport faqData from \"./faqData.json\";\n\nfunction HeroTabSectionFaq() {\n  const [activeCategory, setActiveCategory] = useState(faqData[0]?.categoryId);\n  const [activeSubCategory, setActiveSubCategory] = useState(\n    faqData[0]?.subCategories\n      ? faqData[0].subCategories[0]?.subCategoryId\n      : null\n  );\n  const [selectFaq, setSelectFaq] = useState(null);\n  const faqRef = useRef(null);\n\n  const handleCategoryClick = (categoryId) => {\n    setActiveCategory(categoryId);\n    const selectedCategory = faqData.find(\n      (category) => category.categoryId === categoryId\n    );\n    if (selectedCategory && selectedCategory.subCategories?.length > 0) {\n      setActiveSubCategory(selectedCategory.subCategories[0]?.subCategoryId);\n    } else {\n      setActiveSubCategory(null);\n    }\n    setSelectFaq(null); // Reset the expanded question when category changes\n  };\n\n  const handleSubCategoryClick = (subCategoryId) => {\n    setActiveSubCategory(subCategoryId);\n    setSelectFaq(null); // Reset the expanded question when subcategory changes\n  };\n\n  const toggleFaq = (id) => {\n    setSelectFaq(selectFaq === id ? null : id);\n  };\n\n  useEffect(() => {\n    function handleClickOutside(event) {\n      if (faqRef.current && !faqRef.current.contains(event.target)) {\n        setSelectFaq(null); // Close the FAQ if clicked outside\n      }\n    }\n\n    document.addEventListener(\"mousedown\", handleClickOutside);\n    return () => {\n      document.removeEventListener(\"mousedown\", handleClickOutside);\n    };\n  }, [faqRef]);\n\n  const selectedCategory = faqData.find(\n    (category) => category.categoryId === activeCategory\n  );\n  const selectedSubCategory = selectedCategory?.subCategories?.find(\n    (subCategory) => subCategory.subCategoryId === activeSubCategory\n  );\n\n  return (\n    <div>\n      <div className=\"hero-banner-wrap-faq\">\n        <div className=\"body-container hero-banner-container\">\n          <div className=\"hero-banner-inner-section\">\n            <div className=\"banner-content\">\n              <RevealAnimation component={\"h2\"} className=\"title-header\">\n                FAQ\n              </RevealAnimation>\n              <RevealAnimation component={\"p\"} className=\"sub-title\">\n                Responses to your most frequent queries\n              </RevealAnimation>\n            </div>\n            <div className=\"banner-img-wrap-faq\">\n              <img src={HeroSelectAll} alt=\"banner\" />\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"hero-tab-section-faq\">\n        <div className=\"body-container hero-tab-list\">\n          {faqData.map((category, index) => (\n            <div\n              key={index}\n              className={`hero-tab-item ${\n                activeCategory === category.categoryId ? \"active\" : \"\"\n              }`}\n              onClick={() => handleCategoryClick(category.categoryId)}\n            >\n              <p>{category.categoryName}</p>\n            </div>\n          ))}\n        </div>\n        {selectedCategory?.subCategories && (\n          <>\n            <div ref={faqRef} className=\"body-container faq-container\">\n              <div className=\"sub-tab-list\">\n                {selectedCategory.subCategories.map((subCategory, index) => (\n                  <div\n                    key={index}\n                    className={`hero-sub-tab-item ${\n                      activeSubCategory === subCategory.subCategoryId\n                        ? \"active\"\n                        : \"\"\n                    }`}\n                    onClick={() =>\n                      handleSubCategoryClick(subCategory.subCategoryId)\n                    }\n                  >\n                    <p>{subCategory.subCategoryName}</p>\n                  </div>\n                ))}\n              </div>\n              <div className=\"faq-section-body-items mt-50\">\n                {selectedSubCategory?.questionsAnswers.map((faq) => (\n                  <div key={faq.id} className=\"faq-section-list\">\n                    <div\n                      onClick={() => toggleFaq(faq.id)}\n                      className=\"faq-section-list-item\"\n                    >\n                      <div>\n                        <h2>{faq.question}</h2>\n                      </div>\n                      <div className=\"svg-icons-faq\">\n                        {selectFaq === faq.id ? (\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            strokeWidth=\"1.5\"\n                            stroke=\"#000000\"\n                            className=\"size-6\"\n                          >\n                            <path\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                              d=\"m4.5 15.75 7.5-7.5 7.5 7.5\"\n                            />\n                          </svg>\n                        ) : (\n                          <svg\n                            xmlns=\"http://www.w3.org/2000/svg\"\n                            fill=\"none\"\n                            viewBox=\"0 0 24 24\"\n                            strokeWidth=\"1.5\"\n                            stroke=\"#000000\"\n                            className=\"size-6\"\n                          >\n                            <path\n                              strokeLinecap=\"round\"\n                              strokeLinejoin=\"round\"\n                              d=\"m19.5 8.25-7.5 7.5-7.5-7.5\"\n                            />\n                          </svg>\n                        )}\n                      </div>\n                    </div>\n                    {selectFaq === faq.id && (\n                      <div className=\"faq-answer-item\">{faq.answer}</div>\n                    )}\n                  </div>\n                ))}\n              </div>\n            </div>\n          </>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport default HeroTabSectionFaq;\n","import React from \"react\";\nimport ogimage from \"../assets/Images/ogImages/OG_DigirytePods.jpg\";\n\nimport { BASE_SITE_URL } from \"../shared/constants\";\nimport Layout from \"../components/layouts/layout\";\nimport FormSection from \"../components/FormSection\";\nimport RevealAnimation from \"../components/RevealAnimation\";\nimport LocationCards from \"../templates/OurLocation\";\n\nimport mapImage1 from \"../assets/Images/mobileView/Our_Locations/OurLocation.png\";\nimport mChennai from \"../assets/Images/mobileView/Our_Locations/Chennai.png\";\nimport mBangalore from \"../assets/Images/mobileView/Our_Locations/bangalore.png\";\nimport mCoimbatore from \"../assets/Images/mobileView/Our_Locations/Coimbatore.png\";\nimport mHyderabad from \"../assets/Images/mobileView/Our_Locations/Hyderabad.png\";\nimport Manchester from \"../assets/Images/mobileView/Our_Locations/Manchester.png\";\nimport mMumbai from \"../assets/Images/mobileView/Our_Locations/Mumbai.png\";\nimport mapImage from \"../assets/Images/Homepage/Locations/location.png\";\nimport Banglore from \"../assets/Images/Homepage/Locations/Banglore.png\";\nimport Chennai from \"../assets/Images/Homepage/Locations/Chennai.png\";\nimport Coimbatore from \"../assets/Images/Homepage/Locations/Coimbatore.png\";\nimport Hyderabad from \"../assets/Images/Homepage/Locations/Hyderabad.png\";\nimport Mumbai from \"../assets/Images/Homepage/Locations/Mumbai.png\";\nimport UK from \"../assets/Images/Homepage/Locations/UK.png\";\nimport Infoview from \"../templates/InfoView\";\nimport Box from \"../templates/Box\";\nimport TwoColumnContactInfo from \"../templates/TwoColumnContactInfo\";\n\nimport Clm1Img from \"../assets/Icons/phone.svg\";\nimport Clm2Img from \"../assets/Icons/mail.svg\";\nimport HeroTabSectionFaq from \"../components/HeroTabSectionFaq\";\n\nconst FaqPage = () => {\n  const LocationCardData = {\n    mapImage: mapImage,\n    locationImages: [\n      {\n        image: UK,\n        imgTitle: (\n          <>\n            Manchester <br /> (HQ)\n          </>\n        ),\n        route: \"/locations/manchestor\",\n      },\n      {\n        image: Banglore,\n        imgTitle: \"Bangalore\",\n        route: \"/locations/bangalore\",\n      },\n      {\n        image: Hyderabad,\n        imgTitle: \"Hyderabad\",\n        route: \"/locations/hyderabad\",\n      },\n      {\n        image: Mumbai,\n        imgTitle: \"Pune\",\n        route: \"/locations/mumbai\",\n      },\n      {\n        image: Chennai,\n        imgTitle: \"Chennai\",\n        route: \"/locations/chennai\",\n      },\n      {\n        image: Coimbatore,\n        imgTitle: \"Coimbatore\",\n        route: \"/locations/coimbatore\",\n      },\n    ],\n  };\n\n  const LocationCardData1 = {\n    mapImage: mapImage1,\n    locationImages: [\n      {\n        image: Manchester,\n        imgTitle: (\n          <>\n            Manchester <br /> (HQ)\n          </>\n        ),\n        route: \"/locations/manchestor\",\n      },\n      {\n        image: mBangalore,\n        imgTitle: \"Bangalore\",\n        route: \"/locations/bangalore\",\n      },\n      {\n        image: mHyderabad,\n        imgTitle: \"Hyderabad\",\n        route: \"/locations/hyderabad\",\n      },\n      {\n        image: mMumbai,\n        imgTitle: \"Mumbai\",\n        route: \"/locations/mumbai\",\n      },\n      {\n        image: mChennai,\n        imgTitle: \"Chennai\",\n        route: \"/locations/chennai\",\n      },\n      {\n        image: mCoimbatore,\n        imgTitle: \"Coimbatore\",\n        route: \"/locations/coimbatore\",\n      },\n    ],\n  };\n\n  const InfoviewData = {\n    InfoviewTitle: (\n      <div className=\"ttc\">\n        {\" \"}\n        <span className=\"red-line3letter red-3letter-mbl\">Our</span> Locations\n      </div>\n    ),\n    InfoviewContent: (\n      <>\n        All our senior management team, tech consultants, client directors, and\n        account managers are based in the UK. Our development team, consisting\n        of the top 3% of premium professionals, is made up of British and Indian\n        developers. We ensure that all project data is stored securely within UK\n        borders, with access to the development team provided strictly on an\n        as-needed basis.\n      </>\n    ),\n  };\n\n  const BoxData = {\n    boxBtn1Width: \"230px\",\n    boxBtn1Height: \"46px\",\n    boxBtn1variant: \"contained\",\n    boxBtn1color: \"primary\",\n    boxBtn1label: \"Career\",\n    tip: \"Career\",\n    tooltip: \"no\",\n    Clm2SubTitle: \"careers@digiryte.com\",\n    boxBtn1Title: \"Join our team\",\n    boxBtn1SubTitle: (\n      <>\n        If you're a designer or a developer <br /> who loves to challenge\n        conventions,\n        <br /> make the ryte move!\n      </>\n    ),\n    boxBtn2Width: \"230px\",\n    boxBtn2Height: \"46px\",\n    boxBtn2variant: \"contained\",\n    boxBtn2color: \"primary\",\n    boxBtn2label: \"Call us right now\",\n    boxBtn2Title: \"Let's talk\",\n    tip1: \"Call us right now\",\n    boxBtn2SubTitle: (\n      <>\n        Have you got an exciting project that <br /> you'd like to discuss?{\" \"}\n      </>\n    ),\n    route1: \"/contact-us\",\n    route2: \"/contact-us\",\n  };\n\n  const TwoColumnContactInfoData = {\n    Clm1Img: Clm1Img,\n    Clm1Title: \"Phone:\",\n    Clm1SubTitle: \"+44 (0) 161 706 7983\",\n    Clm2Img: Clm2Img,\n    Clm2Title: \"Email:\",\n    Clm2SubTitle: \"hello@digiryte.com\",\n  };\n\n  return (\n    <Layout\n      seo={{\n        title: \"Digiryte Pods\",\n        ogtitle: \"Digiryte Pods | Digiryte\",\n        description:\n          \"We assist in hiring, managing and implementing all the relevant human resource functions for you to start building & scaling a reliable and dynamic remote teams\",\n        ogimage: ogimage,\n        ogurl: `${BASE_SITE_URL}/digiryte-pods`,\n      }}\n    >\n      <HeroTabSectionFaq />\n      <div className=\"mt-70 common-bg-light\">\n        <FormSection />\n      </div>\n      <div className=\" mt-70\">\n        <RevealAnimation animation=\"zoom-in\" className=\"\">\n          <Infoview InfoviewData={InfoviewData} />\n        </RevealAnimation>\n        <div className=\"hide-in-mobile\">\n          <LocationCards\n            mapImage={mapImage}\n            label=\"View Location\"\n            LocationCardData={LocationCardData}\n          />\n        </div>\n        <div className=\"hide-in-web\">\n          <LocationCards\n            mapImage={mapImage1}\n            label=\"View Location\"\n            LocationCardData={LocationCardData1}\n          />\n        </div>\n        <div className=\"\">\n          <Box BoxData={BoxData} />\n        </div>\n        <div>\n          <TwoColumnContactInfo\n            TwoColumnContactInfoData={TwoColumnContactInfoData}\n          />\n        </div>\n      </div>\n    </Layout>\n  );\n};\n\nexport default FaqPage;\n","import _extends from \"@babel/runtime/helpers/esm/extends\";\nimport _objectWithoutProperties from \"@babel/runtime/helpers/esm/objectWithoutProperties\";\nimport * as React from 'react';\nimport clsx from 'clsx';\nimport Paper from '../Paper';\nimport withStyles from '../styles/withStyles';\nexport var styles = {\n  /* Styles applied to the root element. */\n  root: {\n    overflow: 'hidden'\n  }\n};\nvar Card = /*#__PURE__*/React.forwardRef(function Card(props, ref) {\n  var classes = props.classes,\n    className = props.className,\n    _props$raised = props.raised,\n    raised = _props$raised === void 0 ? false : _props$raised,\n    other = _objectWithoutProperties(props, [\"classes\", \"className\", \"raised\"]);\n  return /*#__PURE__*/React.createElement(Paper, _extends({\n    className: clsx(classes.root, className),\n    elevation: raised ? 8 : 1,\n    ref: ref\n  }, other));\n});\nprocess.env.NODE_ENV !== \"production\" ? void 0 : void 0;\nexport default withStyles(styles, {\n  name: 'MuiCard'\n})(Card);","import React from \"react\";\nimport RightArrowWhite from \"../../assets/Icons/accordian_white.svg\";\nimport Button from \"../../components/Button\";\nimport \"./InfoView.scss\";\nimport RevealAnimation from \"../../components/RevealAnimation\";\n\nconst Infoview = (props) => {\n  return (\n    <div className=\"body-container\">\n      {props.InfoviewData.tag === \"h3\" ? (\n        <h3 className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </h3>\n      ) : props.InfoviewData.tag === \"h2\" ? (\n        <RevealAnimation component={\"h2\"} className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </RevealAnimation>\n      ) : props.InfoviewData.tag === \"h4\" ? (\n        <h4 className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </h4>\n      ) : (\n        <h1 className=\"infoviewtitle-header\">\n          {props.InfoviewData.InfoviewTitle}\n        </h1>\n      )}\n\n      <div className=\"info-view-content\">\n        {props.InfoviewData.InfoviewContent}\n      </div>\n      <div className=\"image-view-btn\">\n        {props.InfoviewData.InfoviewButtonLabel && (\n          <div role=\"presentation\" style={{ display: \"inline-block\" }}>\n            <Button\n              icon={\n                props.InfoviewData.InfoviewButtonLabel && (\n                  <img\n                    className=\"effect-btn-svgicon\"\n                    src={RightArrowWhite}\n                    alt={props.InfoviewData.InfoviewButtonLabel}\n                  />\n                )\n              }\n              customClassName=\"info-view-resize-btn\"\n              tip={props.InfoviewData.InfoviewButtonLabel}\n              tooltip={props.InfoviewData.tooltip}\n              variant={props.InfoviewData.variant}\n              color={props.InfoviewData.color}\n              label={props.InfoviewData.InfoviewButtonLabel}\n              routepath={props.InfoviewData.route}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default Infoview;\n","import Grid from \"@material-ui/core/Grid\";\nimport React from \"react\";\nimport Button from \"../../components/Button\";\nimport \"./Box.scss\";\nimport RightArrowWhite from \"../../assets/Icons/accordian_white.svg\";\nimport { useContactModal } from \"../../components/Modal/contactModalContext\";\nimport RevealAnimation from \"../../components/RevealAnimation\";\n\nconst Box = (props) => {\n  const { setOpenModal } = useContactModal();\n\n  return (\n    <>\n      <Grid\n        className=\"box-container\"\n        container\n        direction=\"row\"\n        style={{ marginTop: \"-5px\" }}\n      >\n        <Grid className=\"box box1\" item xs={12} sm={6}>\n          <RevealAnimation animation=\"fade\" className=\"box-title\">\n            {props.BoxData.boxBtn1Title}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-sub-title\">\n            {props.BoxData.boxBtn1SubTitle}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-button\">\n            <a\n              href={`mailto:${props.BoxData.Clm2SubTitle}`}\n              style={{\n                color: \"white\",\n                textDecoration: \"none\",\n              }}\n            >\n              <Button\n                customClassName=\"info-view-resize-btn mt-20\"\n                btnWidth={props.BoxData.boxBtn1Width}\n                btnHeight={props.BoxData.boxBtn1Height}\n                variant={props.BoxData.boxBtn1variant}\n                color={props.BoxData.boxBtn1color}\n                label={props.BoxData.boxBtn1label}\n                tip={props.BoxData.tip}\n                tooltip={props.BoxData.tooltip}\n                view=\"show\"\n                icon={\n                  <img\n                    className=\"effect-btn-svgicon\"\n                    src={RightArrowWhite}\n                    alt=\"MORE ARTICLES\"\n                  />\n                }\n                // routepath={props.BoxData.route1}\n              />\n            </a>\n          </RevealAnimation>\n        </Grid>\n        <Grid className=\"box box2\" item xs={12} sm={6}>\n          <RevealAnimation animation=\"fade\" className=\"box-title\">\n            {props.BoxData.boxBtn2Title}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-sub-title\">\n            {props.BoxData.boxBtn2SubTitle}\n          </RevealAnimation>\n          <RevealAnimation animation=\"fade\" className=\"box-button\">\n            <Button\n              customClassName=\"info-view-resize-btn\"\n              btnWidth={props.BoxData.boxBtn2Width}\n              btnHeight={props.BoxData.boxBtn2Height}\n              variant={props.BoxData.boxBtn2variant}\n              color={props.BoxData.boxBtn2color}\n              label={props.BoxData.boxBtn2label}\n              tip={props.BoxData.tip1}\n              tooltip={props.BoxData.tooltip}\n              // routepath={props.BoxData.route2}\n              onClick={() => setOpenModal(true)}\n              icon={\n                <img\n                  className=\"effect-btn-svgicon\"\n                  src={RightArrowWhite}\n                  alt=\"MORE ARTICLES\"\n                />\n              }\n            />\n          </RevealAnimation>\n        </Grid>\n      </Grid>\n    </>\n  );\n};\n\nexport default Box;\n","// extracted by mini-css-extract-plugin\nmodule.exports = {\"primary\":\"#db4435\",\"secondary\":\"#daaaaa\"};","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iR3JvdXBfNTgwNiIgZGF0YS1uYW1lPSJHcm91cCA1ODA2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0Ij4KICA8cGF0aCBpZD0iUGF0aF80MDAiIGRhdGEtbmFtZT0iUGF0aCA0MDAiIGQ9Ik0yNCwwSDBWMjRIMjRaIiBmaWxsPSJub25lIi8+CiAgPHBhdGggaWQ9IlBhdGhfNDAxIiBkYXRhLW5hbWU9IlBhdGggNDAxIiBkPSJNMTEuMjg1LDkuODU5LDgsMTMuMTQ0bC45MzguOTM4LDQuMjIzLTQuMjIzTDguOTM4LDUuNjM2LDgsNi41NzRaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxLjUzIDIuMTQxKSIgZmlsbD0iI2ZmZiIvPgo8L3N2Zz4K\"","import React from \"react\";\nimport Card from \"@material-ui/core/Card\";\nimport { Link } from \"gatsby\";\nimport { Grid } from \"@material-ui/core\";\nimport RightArrow from \"../../assets/Icons/go.svg\";\nimport whiteAccordian from \"../../assets/Images/Homepage/Learn_More_white.svg\";\nimport Button from \"../../components/Button\";\nimport \"./OurLocation.scss\";\nimport RevealAnimation from \"../../components/RevealAnimation\";\n\nconst LocationCards = (props) => {\n  return (\n    <div className=\"mt-30 \">\n      <RevealAnimation animation=\"zoom-in\" className=\"body-container\">\n        {\" \"}\n        <img className=\"map-image\" src={props.mapImage} alt={props.imgAlt} />\n      </RevealAnimation>\n\n      <div className=\"\" style={{ marginBottom: -50 }}>\n        <Grid\n          container\n          // style={{background:'#F5E7E2'}}\n          direction=\"row\"\n          className=\"body-container-location\"\n          spacing={0.5}\n        >\n          {props.LocationCardData &&\n            props.LocationCardData.locationImages.map((item, index) => (\n              //   <Link\n              //   style={{ textDecoration: \"none\", color: \"black\" }}\n              //   to={`/${item.route}`}\n              // >\n              <Grid\n                key={index}\n                item\n                xs={6}\n                sm={6}\n                md={4}\n                style={{ marginTop: \"-66px\", marginBottom: \"88px\" }}\n                className=\"card-width\"\n              >\n                <Card\n                  style={{}}\n                  className=\"mt-30 body-container location-card-style appsgridshadow\"\n                >\n                  <img\n                    className=\"location-image\"\n                    src={item.image}\n                    alt={item.image}\n                  />\n                  <div className=\"img-title \">{item.imgTitle}</div>\n                  {/* <div className=\"accordian-condition-location\">\n              {\" \"}\n              {props.button !== \"no\" && (\n                <Button\n                  icon={\n                    !props.variant && (\n                      <img\n                        className=\"effect-btn-svgicon\"\n                        src={RightArrow}\n                        alt=\"click\"\n                      />\n                    )\n                  }\n                  customClassName=\"effect-btn\"\n                  tip={props.label}\n                  color=\"primary\"\n                  label={props.label}\n                  variant={props.variant}\n                  routepath={item.route}\n                  tooltip={props.tooltip}\n                />\n              )}{\" \"}\n            </div> */}\n                </Card>\n              </Grid>\n              // </Link>\n            ))}\n        </Grid>\n      </div>\n    </div>\n  );\n};\n\nexport default LocationCards;\n","module.exports = __webpack_public_path__ + \"static/HeroSelectAll-e9e2f78d01d1c90cc23ca55d352c7aaf.png\";"],"sourceRoot":""}