%PDF-
%PDF-
Mini Shell
Mini Shell
{"version":3,"sources":["app/layout/components/SliderBar/SliderBar.js","../node_modules/swiper/esm/react/utils.js","../node_modules/swiper/esm/react/use-isomorphic-layout-effect.js","../node_modules/swiper/esm/react/swiper-slide.js","app/main/our-work/banners/styles.js","app/main/our-work/styles.js","app/main/our-work/banners/MarineSlider.js","app/main/our-work/MarineCoastline.js"],"names":["SliderBar","userId","localStorage","getItem","useState","cart","setCart","useEffect","fetch","SERVER_URL","then","res","json","status","data","console","log","noOfItems","length","className","href","src","alt","isObject","o","constructor","Object","prototype","toString","call","slice","extend","target","noExtend","keys","filter","key","indexOf","forEach","__swiper__","needsNavigation","params","navigation","nextEl","prevEl","needsPagination","pagination","el","needsScrollbar","scrollbar","uniqueClasses","classNames","classes","split","map","c","trim","unique","push","join","useIsomorphicLayoutEffect","callback","deps","window","useLayoutEffect","_excluded","_extends","assign","i","arguments","source","hasOwnProperty","apply","this","SwiperSlide","forwardRef","_temp","externalRef","slideData","_ref","_ref$tag","tag","Tag","children","_ref$className","swiper","zoom","virtualIndex","rest","excluded","sourceKeys","_objectWithoutPropertiesLoose","slideElRef","useRef","_useState","slideClasses","setSlideClasses","updateClasses","current","destroyed","on","off","getSlideClasses","isActive","isVisible","isDuplicate","isPrev","isNext","renderChildren","React","createElement","ref","undefined","displayName","Slider","styled","div","ForestBg","MarineBg","MarineSlider","props","images","setImages","imageData","page","MarineAndCoastline","goals","project","title"],"mappings":"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","file":"static/js/21.f4372a9f.chunk.js","sourcesContent":["import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL, CLIENT_URL} from '../../../config/server';\r\nimport \"swiper/swiper.min.css\";\r\nimport \"swiper/components/pagination/pagination.min.css\"\r\nimport \"./sliderbar.css\"\r\n\r\nfunction SliderBar(){\r\n\r\n const userId = localStorage.getItem('loggedInUser');\r\n const [cart, setCart] = useState([])\r\n\r\n useEffect(() => {\r\n const fetchcart =() =>{\r\n fetch(`${SERVER_URL}/cart/all/${userId}`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n setCart(json.data);\r\n }else{\r\n console.log(json);\r\n }\r\n });\r\n \r\n \r\n }\r\n\r\n fetchcart()\r\n }, []);\r\n\r\n\r\n const noOfItems = cart.length;\r\n\r\n return(\r\n <div className=\"sliderbardiv sm:mb-20\">\r\n <div className=\"flex sliderbar shadow-sm -mt-9 field-bottom\">\r\n <a href=\"/shop\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n <span className=\"mb-2\">\r\n <img src=\"/assets/images/icons/shop.svg\" alt=\"\" />\r\n </span>\r\n <span>Shop</span>\r\n </a>\r\n <a href=\"/cart\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48 broder-0 border-r border-solid\">\r\n <span className=\"mb-2\">\r\n <img src=\"/assets/images/icons/shopping-cart.svg\" alt=\"\" />\r\n </span>\r\n <span>Cart <span className=\"cartNumber\"> {noOfItems}</span></span>\r\n </a>\r\n <a href=\"/donate\" className=\"no-underline bg-white sliderbar-link text-black flex flex-col items-center justify-center md:py-0 py-8 w-48\">\r\n <span className=\"mb-2\">\r\n <img src=\"/assets/images/icons/donation.svg\" alt=\"\" />\r\n </span>\r\n <span>Donate</span>\r\n </a>\r\n </div>\r\n </div>\r\n )\r\n}\r\nexport default SliderBar;\r\n","function isObject(o) {\n return typeof o === 'object' && o !== null && o.constructor && Object.prototype.toString.call(o).slice(8, -1) === 'Object';\n}\n\nfunction extend(target, src) {\n var noExtend = ['__proto__', 'constructor', 'prototype'];\n Object.keys(src).filter(function (key) {\n return noExtend.indexOf(key) < 0;\n }).forEach(function (key) {\n if (typeof target[key] === 'undefined') target[key] = src[key];else if (isObject(src[key]) && isObject(target[key]) && Object.keys(src[key]).length > 0) {\n if (src[key].__swiper__) target[key] = src[key];else extend(target[key], src[key]);\n } else {\n target[key] = src[key];\n }\n });\n}\n\nfunction needsNavigation(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.navigation && typeof params.navigation.nextEl === 'undefined' && typeof params.navigation.prevEl === 'undefined';\n}\n\nfunction needsPagination(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.pagination && typeof params.pagination.el === 'undefined';\n}\n\nfunction needsScrollbar(params) {\n if (params === void 0) {\n params = {};\n }\n\n return params.scrollbar && typeof params.scrollbar.el === 'undefined';\n}\n\nfunction uniqueClasses(classNames) {\n if (classNames === void 0) {\n classNames = '';\n }\n\n var classes = classNames.split(' ').map(function (c) {\n return c.trim();\n }).filter(function (c) {\n return !!c;\n });\n var unique = [];\n classes.forEach(function (c) {\n if (unique.indexOf(c) < 0) unique.push(c);\n });\n return unique.join(' ');\n}\n\nexport { isObject, extend, needsNavigation, needsPagination, needsScrollbar, uniqueClasses };","import { useEffect, useLayoutEffect } from 'react';\n\nfunction useIsomorphicLayoutEffect(callback, deps) {\n // eslint-disable-next-line\n if (typeof window === 'undefined') return useEffect(callback, deps);\n return useLayoutEffect(callback, deps);\n}\n\nexport { useIsomorphicLayoutEffect };","var _excluded = [\"tag\", \"children\", \"className\", \"swiper\", \"zoom\", \"virtualIndex\"];\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\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\n\nimport React, { useRef, useState, forwardRef } from 'react';\nimport { uniqueClasses } from './utils';\nimport { useIsomorphicLayoutEffect } from './use-isomorphic-layout-effect';\nvar SwiperSlide = /*#__PURE__*/forwardRef(function (_temp, externalRef) {\n var _ref = _temp === void 0 ? {} : _temp,\n _ref$tag = _ref.tag,\n Tag = _ref$tag === void 0 ? 'div' : _ref$tag,\n children = _ref.children,\n _ref$className = _ref.className,\n className = _ref$className === void 0 ? '' : _ref$className,\n swiper = _ref.swiper,\n zoom = _ref.zoom,\n virtualIndex = _ref.virtualIndex,\n rest = _objectWithoutPropertiesLoose(_ref, _excluded);\n\n var slideElRef = useRef(null);\n\n var _useState = useState('swiper-slide'),\n slideClasses = _useState[0],\n setSlideClasses = _useState[1];\n\n function updateClasses(swiper, el, classNames) {\n if (el === slideElRef.current) {\n setSlideClasses(classNames);\n }\n }\n\n useIsomorphicLayoutEffect(function () {\n if (externalRef) {\n externalRef.current = slideElRef.current;\n }\n\n if (!slideElRef.current || !swiper) {\n return;\n }\n\n if (swiper.destroyed) {\n if (slideClasses !== 'swiper-slide') {\n setSlideClasses('swiper-slide');\n }\n\n return;\n }\n\n swiper.on('_slideClass', updateClasses); // eslint-disable-next-line\n\n return function () {\n if (!swiper) return;\n swiper.off('_slideClass', updateClasses);\n };\n });\n useIsomorphicLayoutEffect(function () {\n if (swiper && slideElRef.current) {\n setSlideClasses(swiper.getSlideClasses(slideElRef.current));\n }\n }, [swiper]);\n var slideData;\n\n if (typeof children === 'function') {\n slideData = {\n isActive: slideClasses.indexOf('swiper-slide-active') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-active') >= 0,\n isVisible: slideClasses.indexOf('swiper-slide-visible') >= 0,\n isDuplicate: slideClasses.indexOf('swiper-slide-duplicate') >= 0,\n isPrev: slideClasses.indexOf('swiper-slide-prev') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-prev') >= 0,\n isNext: slideClasses.indexOf('swiper-slide-next') >= 0 || slideClasses.indexOf('swiper-slide-duplicate-next') >= 0\n };\n }\n\n var renderChildren = function renderChildren() {\n return typeof children === 'function' ? children(slideData) : children;\n };\n\n return /*#__PURE__*/React.createElement(Tag, _extends({\n ref: slideElRef,\n className: uniqueClasses(\"\" + slideClasses + (className ? \" \" + className : '')),\n \"data-swiper-slide-index\": virtualIndex\n }, rest), zoom ? /*#__PURE__*/React.createElement(\"div\", {\n className: \"swiper-zoom-container\",\n \"data-swiper-zoom\": typeof zoom === 'number' ? zoom : undefined\n }, renderChildren()) : renderChildren());\n});\nSwiperSlide.displayName = 'SwiperSlide';\nexport { SwiperSlide };","import styled from 'styled-components';\r\n\r\nconst Slider = styled.div`\r\n position: relative;\r\n height: 700px;\r\n border: 1px solid #eee;\r\n\r\n background: #eee;\r\n font-family: 'Roboto', Helvetica Neue, Helvetica, Arial, sans-serif;\r\n font-size: 14px;\r\n color: rgb(39, 38, 38);\r\n margin: 0;\r\n padding: 0;\r\n\r\n .swiper-container {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .swiper-slide {\r\n font-size: 18px;\r\n background: transparent;\r\n\r\n /* Center slide text vertically */\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n }\r\n\r\n .swiper-slide img {\r\n display: block;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .swiper-slide .slider-wrapper {\r\n display: block;\r\n position: relative;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n\r\n .slider-text {\r\n position: absolute;\r\n height: 100%;\r\n width: 100%;\r\n }\r\n\r\n .field-bottom {\r\n transform: translate(10%, 320px);\r\n }\r\n\r\n @media screen and (max-width: 640px) {\r\n .field-bottom {\r\n transform: translate(0%, 0%);\r\n }\r\n }\r\n`;\r\n\r\nexport default Slider;\r\n","import styled from 'styled-components';\r\n\r\nconst ForestBanner = styled.div`\r\n background-image: url(assets/images/banner/forest.png);\r\n background-repeat: no-repeat;\r\n background-position: center;\r\n background-size: cover;\r\n height: 700px;\r\n\r\n`;\r\n\r\nconst ForestBg = styled.div`\r\n background-image: url(assets/images/nature/forest-png.png);\r\n background-repeat: no-repeat;\r\n background-position: bottom right;\r\n\r\n @media (max-width: 425px) {\r\n background-image: none;\r\n }\r\n`;\r\n\r\nconst Event = styled.div`\r\n background-image: url(assets/images/nature/forest-about.png);\r\n height: 300px;\r\n`;\r\n\r\nconst MarineBg = styled.div`\r\n background-image: url(assets/images/animals/fishes.svg);\r\n background-repeat: no-repeat;\r\n background-position: bottom left;\r\n background-size: 400px;\r\n`;\r\n\r\nconst Slider = styled.div`\r\n .swiper-container {\r\n width: 100%;\r\n height: 100%;\r\n }\r\n\r\n .swiper-slide {\r\n text-align: justify;\r\n background: transparent;\r\n\r\n /* Center slide text vertically */\r\n display: -webkit-box;\r\n display: -ms-flexbox;\r\n display: -webkit-flex;\r\n display: flex;\r\n -webkit-box-pack: center;\r\n -ms-flex-pack: center;\r\n -webkit-justify-content: center;\r\n justify-content: center;\r\n -webkit-box-align: center;\r\n -ms-flex-align: center;\r\n -webkit-align-items: center;\r\n align-items: center;\r\n }\r\n\r\n .swiper-slide img {\r\n display: block;\r\n object-fit: cover;\r\n }\r\n`;\r\n\r\nexport { ForestBanner, ForestBg, Event, MarineBg, Slider };\r\n","import React, { useState, useEffect } from 'react';\r\nimport {SERVER_URL} from '../../../config/server';\r\nimport { Swiper, SwiperSlide } from \"swiper/react\";\r\nimport SliderContainer from \"./styles\"\r\nimport styled from 'styled-components';\r\nimport \"../../style.css\"\r\n\r\nfunction MarineSlider(props) {\r\n const [images, setImages] = useState('');\r\n\r\n useEffect(() => {\r\n const fetchImages =() =>{\r\n fetch(`${SERVER_URL}/image/page-banners`)\r\n .then(res => res.json())\r\n .then(json => {\r\n if(json.status === 200){\r\n const imageData = json.data;\r\n setImages(imageData);\r\n }else{\r\n console.log(\"Oops couldn't fetch data\");\r\n }\r\n });\r\n \r\n }\r\n\r\n fetchImages();\r\n }, []);\r\n\r\n \r\n const page = props.page;\r\n return (\r\n <SliderContainer className=\"mt-6 z-index-3\">\r\n <SwiperSlide>\r\n <div className=\"slider-wrapper\">\r\n <div className=\"slider-text border border-solid\">\r\n <div className=\"max-w-7xl mx-auto pb-16 pt-48 md:px-16 px-8\">\r\n <div className=\"grid md:grid-cols-2 grid-cols-1 gap-x-8 gap-y-8\">\r\n <div className=\"content banner-txt\">\r\n <h1 className='text-4xl font-bold text-white mb-4'>\r\n What have you done for the Environment Lately?\r\n </h1>\r\n <p className='font-light text-white mb-6'>\r\n What you give goes a long way\r\n </p>\r\n\r\n <a href=\"/donate\">\r\n <button className='bg-green hover:bg-green-800 text-white font-bold py-2 px-8 rounded'>\r\n Donate\r\n </button>\r\n </a>\r\n </div> \r\n </div>\r\n </div>\r\n </div>\r\n <img src={`https://admin.ncfnigeria.org/images/banners/${images[page]}`} alt=\"\" />\r\n </div>\r\n </SwiperSlide>\r\n \r\n </SliderContainer>\r\n );\r\n}\r\n\r\nexport default MarineSlider;\r\n","import React from 'react';\r\nimport data from './data/mock.json';\r\nimport MarineSlider from './banners/MarineSlider';\r\nimport { MarineBg } from './styles';\r\nimport SliderBar from \"../../layout/components/SliderBar/SliderBar\"\r\nimport '../style.css'\r\n\r\nfunction MarineAndCoastline() {\r\n const page = 'habitat_marine_coastline'\r\n return (\r\n <div className=\"bg-gray-100\">\r\n <MarineSlider page={page}/>\r\n \r\n \r\n <MarineBg className='w-full bg-gray-100 pt-8'>\r\n <SliderBar/>\r\n <img\r\n src='/assets/images/bg/white-bg.png'\r\n alt=''\r\n className='home-naturediv-top-papertear mb-25em -top-25em'\r\n />\r\n <div className='mx-auto pt-16 md:px-16 px-8'> \r\n <div className='grid md:grid-cols-2 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n <div className='block'>\r\n <h1 className='text-3xl font-bold text-green mb-6 text-mbl-1em'>\r\n MARINE & COASTLINE\r\n </h1>\r\n <p className='text-base text-mbl txt-justify'>\r\n These comprises our activities in other habitats apart from the\r\n forest. We are working to raise awareness on the importance of\r\n these ecosystems. Equally, we are building strong advocacy in\r\n order to see effective government policies toward the protection\r\n of the marine, coastal ecosystems.\r\n </p>\r\n </div>\r\n <div className=''>\r\n <img src='/assets/images/nature/whale-shark.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n </MarineBg>\r\n\r\n \r\n \r\n <img className=\"papertear2 mb-20em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n\r\n <div className='w-full relative z-index-3 bg-white'>\r\n <div className='max-w-7xl mx-auto py-16 md:px-16 px-8'>\r\n <div className='text-left mb-6'>\r\n <h1 className='font-bold text-2xl text-green text-mbl-1em'>MARINE</h1>\r\n <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n </div>\r\n\r\n <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 items-start md:mb-0 mb-8'>\r\n <div className='md:col-span-8 col-span-12'>\r\n <p className='font-base mb-8 text-mbl txt-justify'>\r\n This is our initiative inaugurated to protect Nigeria’s marine\r\n ecosystem. Though, with abundant biodiversity resources, this\r\n ecosystem has neither been systematically studied nor\r\n documented. The programme seek to achieve the following:\r\n </p>\r\n\r\n <ul className='w-full rounded-lg mt-2 mb-3 -ml-3 text-gray-800'>\r\n {data.goals.map((project, i) => (\r\n <li key={i} className='flex items-center p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">{project.title}</span>\r\n </li>\r\n ))}\r\n </ul>\r\n </div>\r\n <div className='md:col-span-4 col-span-12'>\r\n <img src='/assets/images/nature/marine.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n \r\n </div>\r\n <img className=\"papertear1 -top-20em mt-20em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n\r\n <div className='w-full pt-8 pb-8'>\r\n <div className='max-w-7xl mx-auto md:px-16 px-8'>\r\n <div className='text-right mb-4'>\r\n <h1 className='font-bold text-2xl text-green text-mbl-1em'>COASTAL</h1>\r\n <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-300' />\r\n </div>\r\n <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 gap-y-8 items-center'>\r\n <div className='md:col-span-5 col-span-12'>\r\n <img src='/assets/images/nature/coastal.png' alt='' />\r\n </div>\r\n <div className='md:col-span-7 col-span-12'>\r\n <p className=\"text-mbl txt-justify\">\r\n Nigeria has about 853km of coastline which offers flood\r\n protection for coastal communities. The coastline equally serve\r\n migratory water birds (as resting points during migratory\r\n flights) and seas turtles (hatching sites). Consequently, the\r\n coastal communities have become important part of our campaign\r\n and advocacy. Some of our activities are:\r\n </p>\r\n\r\n <ul className='w-full rounded-lg mt-2 mb-3 -ml-3 text-gray-800'>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">Advocacy campaign for coastal communities,</span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">\r\n Awareness and community engagement aimed at changing hostile\r\n behaviour towards turtles that come onshore to lay eggs,\r\n </span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">\r\n Release of captured turtles back to the sea, Conservation\r\n actions where nature based solutions are considered as\r\n mitigation to climate change,{' '}\r\n </span>\r\n </li>\r\n <li className='flex items-start p-1 pl-3'>\r\n <img\r\n src='/assets/images/icons/bullet.svg'\r\n className='mr-2 flex-none mt-0.5'\r\n alt=''\r\n />\r\n <span className=\"text-mbl txt-justify\">and Community/ beach clean-up exercises.</span>\r\n </li>\r\n </ul>\r\n <p className=\"text-mbl txt-justify\">\r\n We will be engaging more communities along the Nigerian\r\n coastline as a way of protecting other species such as the\r\n African Manatee Trichechus senegalensis, as well as whales that\r\n sometime beach (Cetacean stranding).\r\n </p>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n\r\n <img className=\"papertear2 mb-15em\" src='/assets/images/bg/white-bg.png' alt='' />\r\n\r\n <div className=\"w-full relative z-index-3 bg-white\">\r\n <div className='max-w-7xl mx-auto py-16 md:px-16 px-8 '>\r\n <div className='text-left mb-4'>\r\n <h2 className='font-bold text-2xl text-green text-mbl-1em'>WETLAND</h2>\r\n <hr className='h-1 my-4 bg-transparent border-0 border-t border-solid border-gray-200' />\r\n </div>\r\n <div className='grid md:grid-cols-12 grid-cols-1 md:gap-8 gap-y-8 items-start'>\r\n <div className='md:col-span-7 col-span-12 pt-6'>\r\n <p className=\"text-mbl txt-justify\">\r\n Despite their crucial ecosystem services, the wetlands are\r\n seriously under stress and direct encroachment as a result of\r\n human activities. We work to preserve the 11 internationally\r\n recognised wetlands in Nigeria and by extension, the\r\n biodiversities that depend on the ecosystem to thrive. Activities\r\n we engage in across wetlands where we operate are:\r\n </p>\r\n <ul className='my-4 list-disc list-inside'>\r\n <li className='list-item text-mbl txt-justify'>water birds census</li>\r\n <li className='list-item text-mbl txt-justify'>public awareness campaign</li>\r\n <li className='list-item text-mbl txt-justify'>school conservation clubs</li>\r\n <li className='list-item text-mbl txt-justify'>tree planting</li>\r\n </ul>\r\n <p className=\"text-mbl txt-justify\">\r\n Specifically, in Hadejia Nguru Wetlands, North-East Nigeria, we\r\n work with the community to restore and maintain about 70km of\r\n wetlands which supports livelihood for over 1,000 household in 7\r\n communities. The yearly commemoration of World Wetlands Day across\r\n the country is central to our effort at raising awareness and\r\n policy advocacy on the wetlands.\r\n </p>\r\n </div>\r\n <div className='md:col-span-5 col-span-12'>\r\n <img src='/assets/images/nature/wetland.png' alt='' />\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n </div>\r\n );\r\n}\r\n\r\nexport default MarineAndCoastline;\r\n"],"sourceRoot":""}
Zerion Mini Shell 1.0