{"version":3,"sources":["assets/Images/dataSourcesIcons/Copernicus.svg","assets/Images/dataSourcesIcons/ECMWF.svg","assets/Images/dataSourcesIcons/EESA.svg","assets/Images/dataSourcesIcons/ISRO.svg","assets/Images/dataSourcesIcons/NASA.svg","assets/Images/dataSourcesIcons/NOAA.svg","assets/Images/dataSourcesIcons/OpenWeather.svg","assets/Images/dataSourcesIcons/ICAR.svg","assets/Images/dataSourcesIcons/CGIAR.svg","assets/Images/dataSourcesIcons/AWS.svg","assets/Images/dataSourcesIcons/django.svg","assets/Images/dataSourcesIcons/docker.svg","assets/Images/dataSourcesIcons/Github.svg","assets/Images/dataSourcesIcons/Google earth engine.svg","assets/Images/dataSourcesIcons/Leaflet.svg","assets/Images/dataSourcesIcons/Linux.svg","assets/Images/dataSourcesIcons/NGINX.svg","assets/Images/dataSourcesIcons/Postgresql.svg","assets/Images/dataSourcesIcons/Python.svg","assets/Images/dataSourcesIcons/React.svg","pages/new-landing-page/SourceSection.js"],"names":["dataSources","src","NoaaIcon","alt","width","height","NasaIcon","EsaIcon","EcmwfIcon","IsroIcon","CopernicusIcon","OpenWeatherIcon","IcarIcon","CgiarIcon","technologies","AWS","GoogleEarth","Python","Linux","Leaflet","ReactIcon","Github","Django","Docker","Nginx","Postgresql","SourceSection","activeTab","setActiveTab","useState","toggle","tab","_jsx","className","children","Container","fluid","Row","_jsxs","Col","md","Nav","tabs","NavItem","NavLink","classnames","active","onClick","t","TabContent","TabPane","tabId","Slide","slidesToScroll","slidesToShow","autoplay","duration","arrows","indicators","responsive","breakpoint","settings","map","each","index"],"mappings":"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","file":"static/js/8.c95c1832.chunk.js","sourcesContent":["export default __webpack_public_path__ + \"static/media/Copernicus.c33e64cb.svg\";","export default __webpack_public_path__ + \"static/media/ECMWF.57ed292b.svg\";","export default __webpack_public_path__ + \"static/media/EESA.6147a393.svg\";","export default __webpack_public_path__ + \"static/media/ISRO.4c8c4303.svg\";","export default __webpack_public_path__ + \"static/media/NASA.999aa100.svg\";","export default __webpack_public_path__ + \"static/media/NOAA.baabfe26.svg\";","export default __webpack_public_path__ + \"static/media/OpenWeather.45bc9140.svg\";","export default __webpack_public_path__ + \"static/media/ICAR.ff5d5f65.svg\";","export default __webpack_public_path__ + \"static/media/CGIAR.39dcb4ff.svg\";","export default __webpack_public_path__ + \"static/media/AWS.2ed3673d.svg\";","export default __webpack_public_path__ + \"static/media/django.bf93acb8.svg\";","export default __webpack_public_path__ + \"static/media/docker.22abdc0c.svg\";","export default __webpack_public_path__ + \"static/media/Github.18b5f423.svg\";","export default __webpack_public_path__ + \"static/media/Google earth engine.ef804358.svg\";","export default __webpack_public_path__ + \"static/media/Leaflet.5f513a4f.svg\";","export default __webpack_public_path__ + \"static/media/Linux.f6f18f9e.svg\";","export default __webpack_public_path__ + \"static/media/NGINX.bd26927d.svg\";","export default __webpack_public_path__ + \"static/media/Postgresql.9fb9146f.svg\";","export default __webpack_public_path__ + \"static/media/Python.5ffd93d1.svg\";","export default __webpack_public_path__ + \"static/media/React.31fadbca.svg\";","import classnames from 'classnames';\nimport React, { useState } from 'react';\nimport { t } from 'react-multi-lang';\nimport { Slide } from 'react-slideshow-image';\nimport 'react-slideshow-image/dist/styles.css';\nimport { Col, Container, Nav, NavItem, NavLink, Row, TabContent, TabPane } from 'reactstrap';\n\n// DATA SOURCES\nimport CopernicusIcon from '../../assets/Images/dataSourcesIcons/Copernicus.svg';\nimport EcmwfIcon from '../../assets/Images/dataSourcesIcons/ECMWF.svg';\nimport EsaIcon from '../../assets/Images/dataSourcesIcons/EESA.svg';\nimport IsroIcon from '../../assets/Images/dataSourcesIcons/ISRO.svg';\nimport NasaIcon from '../../assets/Images/dataSourcesIcons/NASA.svg';\nimport NoaaIcon from '../../assets/Images/dataSourcesIcons/NOAA.svg';\nimport OpenWeatherIcon from '../../assets/Images/dataSourcesIcons/OpenWeather.svg';\nimport IcarIcon from '../../assets/Images/dataSourcesIcons/ICAR.svg';\nimport CgiarIcon from '../../assets/Images/dataSourcesIcons/CGIAR.svg';\n// TECHNOLOGIES\nimport AWS from '../../assets/Images/dataSourcesIcons/AWS.svg';\nimport Django from '../../assets/Images/dataSourcesIcons/django.svg';\nimport Docker from '../../assets/Images/dataSourcesIcons/docker.svg';\nimport Github from '../../assets/Images/dataSourcesIcons/Github.svg';\nimport GoogleEarth from '../../assets/Images/dataSourcesIcons/Google earth engine.svg';\nimport Leaflet from '../../assets/Images/dataSourcesIcons/Leaflet.svg';\nimport Linux from '../../assets/Images/dataSourcesIcons/Linux.svg';\nimport Nginx from '../../assets/Images/dataSourcesIcons/NGINX.svg';\nimport Postgresql from '../../assets/Images/dataSourcesIcons/Postgresql.svg';\nimport Python from '../../assets/Images/dataSourcesIcons/Python.svg';\nimport ReactIcon from '../../assets/Images/dataSourcesIcons/React.svg';\n\nconst dataSources = [\n  { src: NoaaIcon, alt: 'NOAA', width: 49, height: 45 },\n  { src: NasaIcon, alt: 'NASA', width: 60, height: 49 },\n  { src: EsaIcon, alt: 'ESA', width: 122, height: 44 },\n  { src: EcmwfIcon, alt: 'ECMWF', width: 174, height: 33 },\n  { src: IsroIcon, alt: 'ISRO', width: 85, height: 83 },\n  { src: CopernicusIcon, alt: 'Copernicus', width: 121, height: 43 },\n  { src: OpenWeatherIcon, alt: 'OpenWeather', width: 112, height: 50 },\n  { src: IcarIcon, alt: 'IcarIcon', width: 250, height: 50 },\n  { src: CgiarIcon, alt: 'CgiarIcon', width: 250, height: 50 },\n];\n\nconst technologies = [\n  { src: AWS, alt: 'AWS' },\n  { src: GoogleEarth, alt: 'GoogleEarth' },\n  { src: Python, alt: 'Python' },\n  { src: Linux, alt: 'Linux' },\n  { src: Leaflet, alt: 'Leaflet' },\n  { src: ReactIcon, alt: 'ReactIcon' },\n  { src: Github, alt: 'Github' },\n  { src: Django, alt: 'Django' },\n  { src: Docker, alt: 'Docker' },\n  { src: Nginx, alt: 'Nginx' },\n  { src: Postgresql, alt: 'Postgresql' },\n];\n\nconst SourceSection = () => {\n  const [activeTab, setActiveTab] = useState('data_source');\n\n  const toggle = tab => {\n    if (activeTab !== tab) setActiveTab(tab);\n  };\n\n  return (\n    <section className=\"tools-section\">\n      <Container fluid>\n        <Row>\n          <Col md={12}>\n            <Nav tabs className=\"custom-tabs\">\n              <NavItem>\n                <NavLink\n                  className={classnames({ active: activeTab === 'data_source' })}\n                  onClick={() => {\n                    toggle('data_source');\n                  }}\n                >\n                  {t('LANDING_PAGE.DATA_SOURCES')}\n                </NavLink>\n              </NavItem>\n              <NavItem>\n                <NavLink\n                  className={classnames({ active: activeTab === 'technologies' })}\n                  onClick={() => {\n                    toggle('technologies');\n                  }}\n                >\n                  {t('LANDING_PAGE.TECHNOLOGIES')}\n                </NavLink>\n              </NavItem>\n            </Nav>\n            <TabContent activeTab={activeTab} className=\"my-3\">\n              <TabPane tabId=\"data_source\">\n                <Row className=\" justify-content-between align-items-center\">\n                  <Slide\n                    slidesToScroll={1}\n                    slidesToShow={8}\n                    autoplay={true}\n                    duration={1000}\n                    arrows={false}\n                    indicators={false}\n                    responsive={[\n                      {\n                        breakpoint: 800,\n                        settings: {\n                          slidesToShow: 5,\n                          slidesToScroll: 1,\n                        },\n                      },\n                      {\n                        breakpoint: 400,\n                        settings: {\n                          slidesToShow: 2,\n                          slidesToScroll: 1,\n                        },\n                      },\n                      {\n                        breakpoint: 300,\n                        settings: {\n                          slidesToShow: 2,\n                          slidesToScroll: 1,\n                        },\n                      },\n                    ]}\n                  >\n                    {dataSources.map(each => (\n                      <div\n                        key={each.alt}\n                        className=\" h-100 d-flex justify-content-center align-items-center\"\n                      >\n                        <img src={each.src} alt={each.alt} />\n                      </div>\n                    ))}\n                  </Slide>\n                </Row>\n              </TabPane>\n              <TabPane tabId=\"technologies\">\n                <Row className=\"justify-content-between align-items-center\">\n                  <Slide\n                    slidesToScroll={1}\n                    slidesToShow={8}\n                    autoplay={true}\n                    duration={2500}\n                    arrows={false}\n                    indicators={false}\n                    responsive={[\n                      {\n                        breakpoint: 800,\n                        settings: {\n                          slidesToShow: 5,\n                          slidesToScroll: 1,\n                        },\n                      },\n                      {\n                        breakpoint: 400,\n                        settings: {\n                          slidesToShow: 2,\n                          slidesToScroll: 1,\n                        },\n                      },\n                      {\n                        breakpoint: 300,\n                        settings: {\n                          slidesToShow: 2,\n                          slidesToScroll: 1,\n                        },\n                      },\n                    ]}\n                  >\n                    {technologies.map((each, index) => (\n                      <div\n                        key={each.alt}\n                        className=\" h-100 d-flex justify-content-center align-items-center\"\n                      >\n                        <img src={each.src} alt={each.alt} />\n                      </div>\n                    ))}\n                  </Slide>\n                </Row>\n              </TabPane>\n            </TabContent>\n          </Col>\n        </Row>\n      </Container>\n    </section>\n  );\n};\n\nexport default SourceSection;\n"],"sourceRoot":""}