{"version":3,"sources":["webpack:///./src/components/DestinationsPage/DestinationsDetails/index.tsx","webpack:///./src/templates/DestinationsDetails/index.tsx","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/assets/icons/DiscoverArrow.tsx","webpack:///./src/components/DestinationsPage/Hero/index.tsx","webpack:///./src/components/Layout/Destinations.tsx","webpack:///./src/components/Header/Header.tsx","webpack:///./src/components/MenuBaseDetails/index.tsx","webpack:///./src/assets/icons/MailIcon.tsx","webpack:///./src/assets/icons/Chain.tsx"],"names":["DestinationsDetails","props","data","featured","contentImages","content","mediaImages","className","dangerouslySetInnerHTML","__html","description","length","map","resContent","contentImage","image","contenttitle","title","contenttitle1","title1","contentBody","body","contentComponent","component","href","rel","target","src","alt","node","context","id","feature","index","dataFeature","key","to","path","featuredMedia","media","updated","DestinationsPage","pageContext","allDestinations","useStaticQuery","allSitePage","edges","filter","resFeatured","useState","tempIndex","resDestination","indexResDestination","indexCount","prevIndex","nextIndex","Destinations","SEO","seoTitle","seoDescription","estate","style","display","headingTag","Hero","detail","MenuBaseDetails","prevTitle","prevOnClick","navigate","nextTitle","nextOnClick","url","slug","count","GridLogo","width","height","viewBox","version","stroke","strokeWidth","fill","fillRule","opacity","transform","d","DiscoverArrow","fillOpacity","mediaCount","setMediaCount","featuredData","useEffect","timer","setInterval","clearInterval","mediaType","autoPlay","muted","loop","type","onClick","DestinationsLayout","children","noData","activeLink","Header","linkData","socialMediaList","socialLinks","socialMediaLinks","links","x","name","includes","toLowerCase","solidBG","setSolidBG","bs1","document","querySelector","bs2","solid","window","onscroll","scrollY","classList","replace","watchScroll","navLinks","menu","setMenu","toggleMenu","size","slice","item","Math","random","searchIcon","burger","role","link","setPrevTitle","setNextTitle","copied","setCopied","setURL","location","onMouseOver","onMouseLeave","text","onCopy","SvgComponent"],"mappings":"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","file":"component---src-templates-destinations-details-index-tsx-78c92acaa0e37935f69c.js","sourcesContent":["/* eslint-disable consistent-return */\n/* eslint-disable array-callback-return */\n/* eslint-disable @typescript-eslint/no-unused-vars */\nimport { Link } from 'gatsby'\nimport React from 'react'\n\nimport './DestinationsDetails.scss'\nimport { FeaturedData } from '../data'\n\nimport detailsImg1 from '../../../assets/images/destinations-details/details1.png'\nimport detailsImg2 from '../../../assets/images/destinations-details/details2.png'\n\ninterface ContentTypes {\n  component: number\n  image: string\n  title: string\n  title1: string\n  body: string\n}\n\nconst DestinationsDetails = (props: any): JSX.Element => {\n  const { data, contentImages, featured, mediaImages } = props\n  const { content } = data\n  const contentImageArray: any[] = []\n\n  return (\n    <div className=\"destinations-details-page-container\">\n      <div className=\"destinations-details-page-wrapper\">\n        <div className=\"destinations-details-content-paper fade-in-bottom\">\n          <p dangerouslySetInnerHTML={{ __html: data.description }} />\n          {content.length !== 0 &&\n            content.map((resContent: ContentTypes) => {\n              const contentImage = resContent.image\n              const contenttitle = resContent.title\n              const contenttitle1 = resContent.title1\n              const contentBody = resContent.body\n              const contentComponent = resContent.component\n\n              return (\n                <>\n                  {contentComponent === 14 && contentImage ? (\n                    <a href={contenttitle1} rel=\"noreferrer\" target=\"_blank\">\n                      <img src={contentImage} alt=\"content\" />\n                    </a>\n                  ) : (\n                    contentImage && <img src={contentImage} alt=\"content\" />\n                  )}\n                  {contenttitle && <h3>{contenttitle}</h3>}\n                  {contentComponent === 14 && contentBody ? (\n                    <div dangerouslySetInnerHTML={{ __html: contentBody }} />\n                  ) : (\n                    contentBody && <p dangerouslySetInnerHTML={{ __html: contentBody }} />\n                  )}\n                </>\n              )\n            })}\n        </div>\n\n        <div className=\"destinations-details-others\">\n          {featured && featured.length === 1 && featured[0].node.context.data.id === data.id ? null : <h3>Other Destinations</h3>}\n\n          {featured &&\n            featured.map((feature: { node: FeaturedData }, index: number) => {\n              const dataFeature = feature.node\n\n              if (data.id !== dataFeature.context.data.id) {\n                return (\n                  <Link key={dataFeature.context.data.title} to={dataFeature.path ? dataFeature.path : ''}>\n                    <div className=\"other-card fade-in-bottom\">\n                      <img src={dataFeature.context.data.featuredMedia[0].media} alt=\"featured\" />\n                      <div>\n                        <h4>{dataFeature.context.data.title}</h4>\n                        <span>{dataFeature.context.data.updated}</span>\n                      </div>\n                    </div>\n                  </Link>\n                )\n              }\n            })}\n        </div>\n      </div>\n    </div>\n  )\n}\n\nexport default DestinationsDetails\n","import { graphql, useStaticQuery, navigate } from 'gatsby'\nimport React, { ReactElement, useState } from 'react'\n\nimport DestinationsLayout from '../../components/Layout/Destinations'\nimport Hero from '../../components/DestinationsPage/Hero'\nimport DestinationsDetails from '../../components/DestinationsPage/DestinationsDetails'\nimport MenuBaseDetails from '../../components/MenuBaseDetails'\nimport SEO from '../../components/SEO/SEO'\nimport { DESTINATIONS, DestinationsTypes } from '../../components/DestinationsPage/data'\n\nconst DestinationsPage = (props: any): ReactElement => {\n  const { pageContext } = props\n  const { data } = pageContext\n  const allDestinationsPage = useStaticQuery(graphql`\n    query allDestinations {\n      allSitePage(filter: { context: { category: { eq: \"destinations\" } } }) {\n        edges {\n          node {\n            path\n            context {\n              data {\n                id\n                estate\n                description\n                title\n                headingTag\n                seoTitle\n                seoDescription\n                updated\n                feature\n                featuredMedia {\n                  media\n                  mediaType\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  const allDestinations = allDestinationsPage.allSitePage.edges\n\n  const indexDestination = (): number => {\n    let tempIndex = 0\n    allDestinations.map((resDestination: any, indexResDestination: number) =>\n      resDestination.node.context.data.id === data.id ? (tempIndex = indexResDestination) : null\n    )\n    return tempIndex\n  }\n\n  const featured = allDestinations.filter((resFeatured: any) => resFeatured.node.context.data.feature === true)\n  const [index, setIndex] = useState(indexDestination)\n\n  const indexCount = index + 1\n  const prevIndex = index === 0 ? allDestinations.length - 1 : index - 1\n  const nextIndex = indexCount === allDestinations.length ? 0 : indexCount\n\n  return (\n    <>\n      <DestinationsLayout>\n        <SEO seoTitle={data.seoTitle} seoDescription={data.seoDescription} title={`${data.estate} - ALISI | Ayala Land`} />\n        <h1 style={{ display: 'none' }}>{data.headingTag}</h1>\n        <Hero data={{ context: { data } }} detail={true} />\n        <DestinationsDetails featured={featured} data={data} />\n      </DestinationsLayout>\n      <MenuBaseDetails\n        title={data.title}\n        prevTitle={allDestinations[prevIndex].node.context.data.title}\n        prevOnClick={() => navigate(allDestinations[prevIndex].node.path)}\n        nextTitle={allDestinations[nextIndex].node.context.data.title}\n        nextOnClick={() => navigate(allDestinations[nextIndex].node.path)}\n        url={data.slug}\n        count={allDestinations.length}\n      />\n    </>\n  )\n}\n\nexport default DestinationsPage\n","import React from 'react'\n\nconst GridLogo: React.FC = () => {\n  return (\n    <div id=\"grid-logo\">\n      <svg width=\"989px\" height=\"895px\" viewBox=\"0 0 989 895\" version=\"1.1\">\n        <g id=\"Aug-3-Sprint\" stroke=\"none\" strokeWidth=\"1\" fill=\"none\" fillRule=\"evenodd\" opacity=\"0.300000012\">\n          <g id=\"Main-Landing-page\" transform=\"translate(-418.000000, 0.000000)\" stroke=\"#E1E1E1\" strokeWidth=\"0.5\">\n            <path\n              d=\"M545.684372,-8 L729.031649,330.244965 L759.017787,274.783746 L605.697007,-8 L731.251349,-8 L821.250123,161.122483 L914.598626,-8 L1005.72743,161.122483 L1097.9459,-8 L1223.50025,-8 L792.878312,780.258183 L1161.18719,780.258183 L1223.50025,894 L605.737365,894 L943.252944,274.582362 L913.83182,217.953115 L546.209028,894 L419,894 L667.122179,442.979862 L419,-8 L545.684372,-8 Z M1406,-8 L1162.11543,442.979862 L1406,894 L1284.07789,894 L1097.98626,554.02313 L1012.10402,715.412458 L886.065383,715.412458 L1284.80434,-8 L1406,-8 Z\"\n              id=\"Combined-Shape\"\n            />\n          </g>\n        </g>\n      </svg>\n    </div>\n  )\n}\n\nexport default GridLogo\n","import * as React from 'react'\n\nfunction DiscoverArrow(): JSX.Element {\n  return (\n    <svg width={17} height={12} viewBox=\"0 0 17 12\">\n      <path\n        d=\"M11.063.525a.58.58 0 00-.828 0 .584.584 0 000 .82l4.199 4.198H.58a.577.577 0 00-.58.58c0 .324.257.589.58.589h13.854l-4.199 4.19a.594.594 0 000 .828.58.58 0 00.828 0l5.193-5.192a.57.57 0 000-.82L11.063.525z\"\n        fill=\"#FFF\"\n        fillRule=\"nonzero\"\n        fillOpacity={0.7}\n      />\n    </svg>\n  )\n}\n\nexport default DiscoverArrow\n","import { Link, navigate } from 'gatsby'\nimport React, { useEffect, useState } from 'react'\n\nimport './Hero.scss'\nimport GridLogo from '../../GridLogo/GridLogo'\nimport { FeaturedData } from '../data'\nimport DiscoverArrow from '../../../assets/icons/DiscoverArrow'\n\nconst Hero = (props: { data: FeaturedData; detail?: boolean; image?: any }): JSX.Element => {\n  const [mediaCount, setMediaCount] = useState<number>(0)\n\n  const { data, detail, image } = props\n  const { path } = data\n  const featuredData = data.context.data\n  const media = featuredData.featuredMedia[mediaCount]\n\n  useEffect(() => {\n    const timer = setInterval(() => {\n      const count = mediaCount + 1\n\n      if (count === featuredData.featuredMedia.length) {\n        setMediaCount(0)\n      } else {\n        setMediaCount(count)\n      }\n    }, 8000)\n    return (): void => clearInterval(timer)\n  }, [mediaCount, featuredData])\n\n  return (\n    <>\n      <div className={`destinations-hero-banner ${detail && 'detail'}`} />\n\n      <div className={`destinations-banner-container ${detail && 'detail'}`}>\n        {featuredData && media.mediaType === 'image' ? (\n          <div className={`destinations-hero-media ${detail && 'detail'}`}>\n            <img className={`bg-pan-right  ${detail && 'detail'}`} src={media.media} />\n          </div>\n        ) : (\n          <video className={`hero-media-video fade-in ${detail && 'detail'}`} autoPlay muted loop>\n            <source src={media.media} type=\"video/mp4\" />\n          </video>\n        )}\n      </div>\n\n      <div className={`destinations-hero-mask-2 ${detail && 'detail'}`} />\n      <div className={`destinations-hero-mask ${detail && 'detail'}`} />\n      <div className={`destinations-hero-grid ${detail && 'detail'}`}>\n        <GridLogo />\n      </div>\n      <div className={`destinations-hero-header ${detail && 'detail'}`}>\n        {featuredData.estate ? (\n          <div className=\"destinations-hero-tag-container\">\n            <div className=\"destinations-hero-tag\">{featuredData.estate}</div>\n            <div className=\"filler\" />\n          </div>\n        ) : null}\n        <div className=\"destinations-hero-title\">{featuredData.title}</div>\n        {detail ? (\n          <>\n            <div className=\"destinations-hero-description detail\">\n              <span className=\"hero-article-date\">{featuredData.updated}</span>\n              <div className=\"destinations-hero-discover detail\" onClick={() => navigate('/destinations')}>\n                <div>\n                  <i className=\"la la-angle-left\" />\n                </div>\n              </div>\n            </div>\n          </>\n        ) : (\n          <>\n            <div className=\"destinations-hero-description\">\n              <p>{featuredData.description}</p>\n              <span className=\"hero-article-date\">{featuredData.updated}</span>\n            </div>\n            <Link to={path ? path : ''}>\n              <div className=\"destinations-hero-discover\">\n                <p>DISCOVER</p>\n                <DiscoverArrow />\n              </div>\n            </Link>\n          </>\n        )}\n      </div>\n    </>\n  )\n}\n\nexport default Hero\n","import React, { ReactElement } from 'react'\nimport Header from '../Header/Header'\nimport Footer from '../Footer/Footer'\nimport './Layout.scss'\nimport './Animations.scss'\n\ntype LayoutPropTypes = {\n  noData?: boolean\n  children?: string | Element | ReactElement | boolean | (string | Element | ReactElement | boolean)[]\n}\n\nconst DestinationsLayout = ({ children, noData }: LayoutPropTypes): ReactElement => (\n  <>\n    <Header activeLink=\"Destinations\" noData={noData} />\n    {children}\n    <Footer />\n  </>\n)\n\nexport default DestinationsLayout\n","import { graphql, Link, useStaticQuery } from 'gatsby'\nimport React, { useEffect, useState } from 'react'\n\nimport './Header.scss'\nimport burger from '../../assets/svg/burger.svg'\nimport searchIcon from '../../assets/svg/search.svg'\nimport Logo from '../Logo/Logo'\n\nconst Header = (props: any): JSX.Element => {\n  const linkData = useStaticQuery(graphql`\n    query headerSocialLinks {\n      socialMediaLinks {\n        links {\n          id\n          link\n          category\n          name\n        }\n      }\n    }\n  `)\n\n  const socialMediaList = ['facebook', 'instagram', 'youtube', 'twitter']\n  const socialLinks =\n    linkData && linkData.socialMediaLinks\n      ? linkData.socialMediaLinks.links\n          .filter((x: any) => {\n            return !x.name.includes('Career')\n          })\n          .filter((x: any) => {\n            return socialMediaList.includes(x.name.toLowerCase())\n          })\n      : []\n\n  const [solidBG, setSolidBG] = useState<boolean>(false)\n\n  const watchScroll = (): void => {\n    let bs1: any = document.querySelector('.menu-base-details')\n    let bs2: any = document.querySelector('.property-base-menu')\n\n    if (!props.solid) {\n      const breakPoint = 200\n      const footerBreakPoint = 1200\n      window.onscroll = (): void => {\n        if (window.scrollY > breakPoint) {\n          setSolidBG(true)\n        } else {\n          setSolidBG(false)\n        }\n\n        if (window.scrollY > footerBreakPoint) {\n          if (bs1) {\n            bs1.classList.replace('slide-in-bottom', 'slide-out-bottom')\n          }\n          if (bs2) {\n            bs2.classList.replace('slide-in-bottom', 'slide-out-bottom')\n          }\n        } else {\n          if (bs1) {\n            bs1.classList.replace('slide-out-bottom', 'slide-in-bottom')\n            bs1.classList.replace('base-menu', 'slide-in-bottom')\n          }\n          if (bs2) {\n            bs2.classList.replace('slide-out-bottom', 'slide-in-bottom')\n            bs2.classList.replace('base-menu', 'slide-in-bottom')\n          }\n        }\n      }\n    } else {\n      setSolidBG(true)\n    }\n  }\n\n  useEffect(() => {\n    watchScroll()\n  }, [])\n\n  interface Links {\n    name: string\n    url: string\n    type?: string\n  }\n\n  const navLinks = [\n    {\n      id: 1,\n      name: 'Home',\n      url: '/'\n    },\n    {\n      id: 2,\n      name: 'Our Properties',\n      url: '/properties'\n    },\n    {\n      id: 3,\n      name: 'Destinations',\n      url: '/destinations'\n    },\n    {\n      id: 4,\n      name: 'News and Events',\n      url: '/news-and-events'\n    },\n    {\n      id: 5,\n      name: 'Homebuying Guide',\n      url: '/homebuying-guide'\n    },\n    {\n      id: 6,\n      name: 'Sellers Home',\n      url: '/sellers-home'\n    },\n    {\n      id: 7,\n      name: 'About us',\n      url: '/about-us'\n    },\n    {\n      id: 8,\n      name: 'Careers',\n      url: '/careers'\n    }\n  ]\n\n  const [menu, setMenu] = useState<boolean>(false)\n\n  const toggleMenu = (): void => {\n    setMenu(!menu)\n  }\n\n  return (\n    <>\n      <div className={`header ${solidBG ? 'solid' : props.noData ? 'solid' : ''}`}>\n        <Link to=\"/\" className=\"logo-link\">\n          <Logo fill=\"#fff\" size={70} id=\"header-logo\" />\n        </Link>\n\n        <div className=\"nav-wrapper\">\n          <div className=\"nav-items\" id=\"mid-nav\">\n            <div className=\"menu-links\">\n              {navLinks &&\n                navLinks.slice(1, 5).map((item: Links) => {\n                  return (\n                    <div key={Math.random()}>\n                      {props.activeLink === item.name && <div className=\"active-bar fade-in dl-2\" />}\n                      <a href={item.url} className={`${props.activeLink === item.name ? 'active' : ''}`}>\n                        {item.name}\n                      </a>\n                    </div>\n                  )\n                })}\n            </div>\n          </div>\n        </div>\n\n        <div className=\"nav-wrapper\">\n          <div className=\"nav-items\">\n            <a href=\"/search\">\n              <img src={searchIcon} alt=\"search icon\" className=\"svg-icon\" />\n              <span className=\"nav-text\">search</span>\n            </a>\n            <a href=\"#menu\" onClick={toggleMenu}>\n              <img src={burger} alt=\"burger icon\" className=\"svg-icon\" />\n              <span className=\"nav-text\">menu</span>\n            </a>\n          </div>\n        </div>\n      </div>\n\n      {menu && (\n        <>\n          <div className=\"nav-menu-wrapper fade-in\" role=\"button\" onClick={toggleMenu} />\n          <div className=\"menu-sidebar slide-in-right\">\n            <i className=\"la la-close close-btn la-2x\" onClick={toggleMenu} />\n            <div className=\"menu-links\">\n              {navLinks &&\n                navLinks.map((item: Links) => {\n                  return (\n                    <a href={item.url} key={Math.random()}>\n                      <div>\n                        <span>{item.name}</span>\n                        {item.type ? <i className=\"la la-angle-down\" /> : ''}\n                      </div>\n                    </a>\n                  )\n                })}\n            </div>\n\n            <div className=\"menu-footer\">\n              <div className=\"menu-footer-content\">\n                <div className=\"social-links\">\n                  {socialLinks &&\n                    socialLinks.map((item: { link: string; name: string }) => {\n                      if (item.name !== '') {\n                        return (\n                          <a href={item.link} target=\"_blank\" rel=\"noreferrer\" key={Math.random()} title={item.link}>\n                            <i className={`la la-${item.name.toLowerCase()}`} />\n                          </a>\n                        )\n                      }\n                    })}\n                </div>\n\n                <div className=\"footer-credits\">\n                  <small>Powered By:</small>\n                  <a href=\"https://whitecloak.com\" target=\"_blank\" rel=\"noreferrer\">\n                    White Cloak Technologies Inc.\n                  </a>\n                </div>\n              </div>\n            </div>\n          </div>\n        </>\n      )}\n    </>\n  )\n}\n\nexport default Header\n","/* eslint-disable react/no-unused-prop-types */\n/* eslint-disable react/destructuring-assignment */\n/* eslint-disable jsx-a11y/no-static-element-interactions */\n/* eslint-disable jsx-a11y/click-events-have-key-events */\n/* eslint-disable jsx-a11y/mouse-events-have-key-events */\nimport React, { useState, useEffect } from 'react'\nimport './MenuBaseDetails.scss'\n\nimport { FacebookShareButton, EmailShareButton, TwitterShareButton } from 'react-share'\nimport CopyToClipboard from 'react-copy-to-clipboard'\nimport MailIcon from '../../assets/icons/MailIcon'\nimport ChainIcon from '../../assets/icons/Chain'\n\ninterface PropsTypes {\n  title?: string\n  prevTitle?: string\n  prevOnClick?: any\n  nextTitle?: string\n  nextOnClick?: any\n  url: string\n  count: number\n}\n\nconst MenuBaseDetails = (props: PropsTypes): JSX.Element => {\n  const [prevTitle, setPrevTitle] = useState(false)\n  const [nextTitle, setNextTitle] = useState(false)\n  const [copied, setCopied] = useState(false)\n\n  const [url, setURL] = useState<string>('')\n\n  useEffect(() => {\n    setURL(window.location.href)\n  }, [])\n\n  return (\n    <div className=\"menu-base-details base-menu\">\n      {props.count > 1 && (\n        <div\n          className=\"arrow left\"\n          onMouseOver={(): void => setPrevTitle(true)}\n          onMouseLeave={(): void => setPrevTitle(false)}\n          onClick={props.prevOnClick}\n        >\n          <i className=\"la la-angle-left\" />\n          <span>PREVIOUS</span>\n        </div>\n      )}\n\n      {prevTitle && (\n        <>\n          <div className=\"title-hover left fade-in\">\n            <div>{props.prevTitle}</div>\n          </div>\n          <div className=\"tail left fade-in dl-5\" />\n        </>\n      )}\n\n      <div className=\"menu-group\">\n        <div className=\"menu-title\">\n          <span>YOU ARE READING</span>\n          <h3>{props.title}</h3>\n        </div>\n        <div className=\"menu-share\">\n          {copied ? (\n            <>\n              <div className=\"share-icon-container copied fade-in-bottom\">\n                <span>Copied to clipboard!</span>\n              </div>\n              <div className=\"icon-container\" onClick={(): void => setCopied(false)}>\n                <i className=\"la la-close\" />\n              </div>\n            </>\n          ) : (\n            <>\n              <span>Share</span>\n\n              <FacebookShareButton url={url}>\n                <div className=\"icon-container\">\n                  <i className=\"la la-facebook\" />\n                </div>\n              </FacebookShareButton>\n\n              <TwitterShareButton url={url}>\n                <div className=\"icon-container\">\n                  <i className=\"la la-twitter\" />\n                </div>\n              </TwitterShareButton>\n\n              <EmailShareButton url={url}>\n                <div className=\"icon-container\">\n                  <MailIcon />\n                </div>\n              </EmailShareButton>\n\n              <CopyToClipboard text={url} onCopy={(): void => setCopied(true)}>\n                <div className=\"share-icon-container\">\n                  <ChainIcon />\n                </div>\n              </CopyToClipboard>\n            </>\n          )}\n        </div>\n      </div>\n\n      {props.count > 1 && (\n        <div\n          className=\"arrow right\"\n          onMouseOver={(): void => setNextTitle(true)}\n          onMouseLeave={(): void => setNextTitle(false)}\n          onClick={props.nextOnClick}\n        >\n          <span>NEXT</span>\n          <i className=\"la la-angle-right\" />\n        </div>\n      )}\n\n      {nextTitle && (\n        <>\n          <div className=\"title-hover right fade-in\">\n            <div>{props.nextTitle}</div>\n          </div>\n          <div className=\"tail right fade-in dl-5\" />\n        </>\n      )}\n    </div>\n  )\n}\n\nexport default MenuBaseDetails\n","import * as React from 'react'\n\nfunction SvgComponent(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n  return (\n    <svg width={15} height={11} viewBox=\"0 0 15 11\" {...props}>\n      <path\n        d=\"M4.69 6.828l.296.193c.32.214.58.38.78.5.2.119.465.24.797.365s.642.187.929.187h.016c.287 0 .597-.062.929-.187a5.02 5.02 0 00.797-.366c.2-.119.46-.285.78-.499l.297-.192 4.284 3.87c-.25.2-.545.301-.885.301H1.29c-.34 0-.634-.101-.885-.302zM0 3.414c.24.257.514.484.824.683a282.72 282.72 0 012.825 1.87L0 9.483zm15 0v6.069l-3.649-3.515c.778-.523 1.722-1.146 2.833-1.87.31-.205.582-.433.816-.684zM13.66 0c.363 0 .677.12.942.358.265.239.398.526.398.861 0 .402-.137.785-.41 1.15a3.819 3.819 0 01-1.021.938 7958.365 7958.365 0 00-4.043 2.558l-.23.151a9.1 9.1 0 01-.887.537c-.171.092-.331.16-.482.206a1.45 1.45 0 01-.419.069h-.016a1.45 1.45 0 01-.419-.069 2.661 2.661 0 01-.481-.206 8.697 8.697 0 01-.435-.247c-.12-.074-.271-.17-.452-.29l-.231-.151-.125-.081-.845-.538C4.119 5 3.67 4.718 3.156 4.393 2.2 3.79 1.629 3.429 1.44 3.307a3.998 3.998 0 01-.98-.88C.153 2.053 0 1.707 0 1.387 0 .99.116.66.347.397.58.131.91 0 1.34 0z\"\n        fill=\"#157B58\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n}\n\nexport default SvgComponent\n","import * as React from 'react'\n\nfunction SvgComponent(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n  return (\n    <svg width={15} height={15} viewBox=\"0 0 15 15\" {...props}>\n      <path\n        d=\"M9.303 5.756a3.558 3.558 0 010 5.014l-3.194 3.196a3.556 3.556 0 01-5.015 0l-.06-.06a3.555 3.555 0 010-5.014l2.237-2.233a4.95 4.95 0 00.358 1.938L2.184 10.04a1.922 1.922 0 000 2.715l.06.06a1.923 1.923 0 002.715 0L8.155 9.62a1.922 1.922 0 000-2.716l-.061-.058a1.847 1.847 0 00-.383-.294l1.17-1.169c.125.095.248.199.362.314l.06.058zm4.664-4.662l-.06-.06a3.556 3.556 0 00-5.014 0L5.697 4.23a3.555 3.555 0 000 5.014l.06.058c.114.113.238.218.362.314l1.17-1.17a1.991 1.991 0 01-.383-.293l-.06-.058a1.924 1.924 0 010-2.717l3.196-3.194a1.92 1.92 0 012.714 0l.06.06a1.922 1.922 0 010 2.715l-1.443 1.444c.25.62.368 1.28.358 1.938l2.234-2.235a3.555 3.555 0 00.002-5.012z\"\n        fill=\"#157B58\"\n        fillRule=\"nonzero\"\n      />\n    </svg>\n  )\n}\n\nexport default SvgComponent\n"],"sourceRoot":""}