{"version":3,"sources":["webpack:///./src/components/NewsAndEventsPage/NewsAndEventsDetails/index.tsx","webpack:///./src/templates/NewsAndEventsDetails/index.tsx","webpack:///./src/components/GridLogo/GridLogo.tsx","webpack:///./src/assets/icons/DiscoverArrow.tsx","webpack:///./src/components/NewsAndEventsPage/Hero/index.tsx","webpack:///./src/components/Layout/NewsAndEvents.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":["NewsAndEventsDetails","props","data","featured","contentImages","content","mediaImages","newsAndEventsDetailsContent","length","map","resContent","contentImage","image","contenttitle","title","contenttitle1","title1","contentBody","body","contentComponent","component","href","rel","target","src","alt","dangerouslySetInnerHTML","__html","className","description","node","context","id","feature","index","dataFeature","key","to","path","featuredMedia","media","updated","NewsAndEventsPage","pageContext","allNewsAndEvents","useStaticQuery","allSitePage","edges","filter","resFeatured","useState","tempIndex","resNewsAndEvent","indexNewsAndEvent","indexCount","prevIndex","nextIndex","setUrl","useEffect","window","location","NewsAndEvents","SEO","seoTitle","seoDescription","type","Hero","detail","style","display","headingTag","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","timer","setInterval","clearInterval","mediaType","autoPlay","muted","loop","onClick","NewsAndEventsLayout","children","noData","activeLink","Header","linkData","socialMediaList","socialLinks","socialMediaLinks","links","x","name","includes","toLowerCase","solidBG","setSolidBG","bs1","document","querySelector","bs2","solid","onscroll","scrollY","classList","replace","watchScroll","navLinks","menu","setMenu","toggleMenu","size","slice","item","Math","random","searchIcon","burger","role","link","setPrevTitle","setNextTitle","copied","setCopied","setURL","onMouseOver","onMouseLeave","text","onCopy","SvgComponent"],"mappings":"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","file":"component---src-templates-news-and-events-details-index-tsx-545b88ea85288790de83.js","sourcesContent":["import { Link } from 'gatsby'\nimport React from 'react'\n\nimport './NewsAndEvents.scss'\n\nimport detailsImg1 from '../../../assets/images/destinations-details/details1.png'\nimport detailsImg2 from '../../../assets/images/destinations-details/details2.png'\nimport { FeaturedData } from '../data'\n\ninterface ContentTypes {\n  component: number\n  image: string\n  title: string\n  title1: string\n  body: string\n}\n\nconst NewsAndEventsDetails = (props: any): JSX.Element => {\n  const { data, contentImages, featured, mediaImages } = props\n  const { content } = data\n  const contentImageArray: any[] = []\n  const imageIndex = 0\n\n  const newsAndEventsDetailsContent =\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\n  return (\n    <div className=\"news-and-events-details-page-container\">\n      <div className=\"news-and-events-details-page-wrapper\">\n        <div className=\"news-and-events-details-content-paper fade-in-bottom\">\n          <p dangerouslySetInnerHTML={{ __html: data.description }} />\n          {newsAndEventsDetailsContent}\n        </div>\n\n        <div className=\"news-and-events-details-others\">\n          {featured && featured.length === 1 && featured[0].node.context.data.id === data.id ? null : <h3>Other Articles</h3>}\n\n          {featured &&\n            // eslint-disable-next-line array-callback-return, consistent-return\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=\"\" />\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 NewsAndEventsDetails\n","import { graphql, useStaticQuery, navigate } from 'gatsby'\nimport React, { ReactElement, useState, useEffect } from 'react'\n\nimport NewsAndEventsLayout from '../../components/Layout/NewsAndEvents'\nimport Hero from '../../components/NewsAndEventsPage/Hero'\nimport NewsAndEventsDetails from '../../components/NewsAndEventsPage/NewsAndEventsDetails'\nimport MenuBaseDetails from '../../components/MenuBaseDetails'\nimport SEO from '../../components/SEO/SEO'\n\nimport { NEWS_AND_EVENTS, NewsAndEventsTypes } from '../../components/NewsAndEventsPage/data'\n\nconst NewsAndEventsPage = ({ pageContext: { data } }: any): ReactElement => {\n  const allNewsAndEventPage = useStaticQuery(graphql`\n    query allNewsAndEvents {\n      allSitePage(filter: { context: { category: { eq: \"news-and-events\" } } }) {\n        edges {\n          node {\n            path\n            context {\n              data {\n                id\n                estate\n                description\n                title\n                updated\n                headingTag\n                seoTitle\n                seoDescription\n                feature\n                featuredMedia {\n                  media\n                  mediaType\n                }\n              }\n            }\n          }\n        }\n      }\n    }\n  `)\n\n  const allNewsAndEvents = allNewsAndEventPage.allSitePage.edges\n\n  const indexNewsAndEvents = (): number => {\n    let tempIndex = 0\n    allNewsAndEvents.map((resNewsAndEvent: any, indexNewsAndEvent: number) =>\n      resNewsAndEvent.node.context.data.id === data.id ? (tempIndex = indexNewsAndEvent) : null\n    )\n    return tempIndex\n  }\n\n  const featured = allNewsAndEvents.filter((resFeatured: any) => resFeatured.node.context.data.feature === true)\n  const [index, setIndex] = useState(indexNewsAndEvents)\n\n  const indexCount = index + 1\n  const prevIndex = index === 0 ? allNewsAndEvents.length - 1 : index - 1\n  const nextIndex = indexCount === allNewsAndEvents.length ? 0 : indexCount\n\n  const [url, setUrl] = useState('')\n\n  useEffect(() => {\n    setUrl(window.location.href)\n  }, [])\n\n  return (\n    <>\n      <NewsAndEventsLayout>\n        <SEO seoTitle={data.seoTitle} seoDescription={data.seoDescription} title={`${data.type} - ALISI | Ayala Land`} />\n        <Hero data={{ context: { data } }} detail={true} />\n        <h1 style={{ display: 'none' }}>{data.headingTag}</h1>\n        <NewsAndEventsDetails featured={featured} data={data} />\n      </NewsAndEventsLayout>\n      <MenuBaseDetails\n        title={data.title}\n        prevTitle={allNewsAndEvents[prevIndex].node.context.data.title}\n        prevOnClick={() => navigate(allNewsAndEvents[prevIndex].node.path)}\n        nextTitle={allNewsAndEvents[nextIndex].node.context.data.title}\n        nextOnClick={() => navigate(allNewsAndEvents[nextIndex].node.path)}\n        url={data.slug}\n        count={allNewsAndEvents.length}\n      />\n    </>\n  )\n}\n\nexport default NewsAndEventsPage\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={`news-and-events-hero-banner ${detail && 'detail'}`} />\n\n      <div className={`news-and-events-banner-container ${detail && 'detail'}`}>\n        {featuredData && media.mediaType === 'image' ? (\n          <div className={`news-and-events-hero-media fade-in ${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={`news-and-events-hero-mask-2 ${detail && 'detail'}`} />\n      <div className={`news-and-events-hero-mask ${detail && 'detail'}`} />\n      <div className={`news-and-events-hero-grid ${detail && 'detail'}`}>\n        <GridLogo />\n      </div>\n      <div className={`news-and-events-hero-header ${detail && 'detail'}`}>\n        {featuredData.type ? (\n          <div className=\"news-and-events-hero-tag-container\">\n            <div className=\"news-and-events-hero-tag\">{featuredData.type}</div>\n            <div className=\"filler\" />\n          </div>\n        ) : null}\n        <div className=\"news-and-events-hero-title\">{featuredData.title}</div>\n        {detail ? (\n          <>\n            <div className=\"news-and-events-hero-description\">\n              <span className=\"hero-article-date\">{featuredData.updated}</span>\n              <div className=\"news-and-events-hero-discover detail\" onClick={() => navigate('/news-and-events')}>\n                <div>\n                  <i className=\"la la-angle-left\" />\n                </div>\n              </div>\n            </div>\n          </>\n        ) : (\n          <>\n            <div className=\"news-and-events-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=\"news-and-events-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 NewsAndEventsLayout = ({ children, noData }: LayoutPropTypes): ReactElement => (\n  <>\n    <Header activeLink=\"News and Events\" noData={noData} />\n    {children}\n    <Footer />\n  </>\n)\n\nexport default NewsAndEventsLayout\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":""}