{"version":3,"sources":["../node_modules/react-leaflet/esm/Popup.js","assets/Images/lp-map-transparent.svg","pages/new-landing-page/RiskManagement/MonitoringEarlyWarning.js","assets/Images/lp-map-icon.png","assets/Images/risk-impact.jpg","pages/new-landing-page/RiskManagement/RiskImpactAssessment.js","assets/Images/risk-mitigation.jpg","pages/new-landing-page/RiskManagement/RiskMitigation.js","pages/new-landing-page/RiskManagement/index.js"],"names":["Popup","createOverlayComponent","props","context","instance","LeafletPopup","overlayContainer","element","setOpen","onClose","onOpen","position","useEffect","onPopupOpen","event","popup","update","onPopupClose","map","on","popupopen","popupclose","setLatLng","openOn","bindPopup","_context$overlayConta","off","unbindPopup","removeLayer","MonitoringEarlyWarning","_ref","pillarsData","history","useHistory","cordinateAndZoom","setCordinateAndZoom","useState","cordinates","zoom","ChangeView","_ref2","center","mapEvents","useMapEvents","zoomend","prev","getCenter","getZoom","dragend","useMap","setInterval","_","isEmpty","_layers","invalidateSize","setView","_jsx","Col","className","children","_jsxs","MapContainer","maxZoom","minZoom","markerZoomAnimation","maxBounds","maxBoundsViscosity","TileLayer","attribution","url","myConstClass","TITLE_LAYER_URL","length","data","markers","values","pillar","index","customIcon","L","Icon","iconUrl","popupAnchor","iconSize","iconAnchor","Marker","latitude","longitude","icon","src","MapIconTransparent","alt","name","description","onClick","revisedName","country_slug","countryData","JSON","stringify","localStorage","setItem","website_url","includes","isLogedIn","push","pathname","search","state","window","open","focus","handleRedirectTo","t","renderMarkers","RiskImpactAssessment","ImpactData","setImpactData","_Fragment","xs","RiskImpact","md","item","Card","file","CardBody","CardHeader","CardText","id","RiskMitigation","impactData","RiskMitigationImage","Pillars","componentData","selectedDisasterRisk","setSelectedDisasterRisk","Container","fluid","Row","style","paddingLeft","Button","classnames","selected","paddingRight","RISK_MANAGEMENT_DESC","renderComponent","filterData","filter","pillar_type"],"mappings":"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","file":"static/js/7.397f8870.chunk.js","sourcesContent":["import { createOverlayComponent } from '@react-leaflet/core';\nimport { Popup as LeafletPopup } from 'leaflet';\nimport { useEffect } from 'react';\nexport const Popup = createOverlayComponent(function createPopup(props, context) {\n  return {\n    instance: new LeafletPopup(props, context.overlayContainer),\n    context\n  };\n}, function usePopupLifecycle(element, context, props, setOpen) {\n  const {\n    onClose,\n    onOpen,\n    position\n  } = props;\n  useEffect(function addPopup() {\n    const {\n      instance\n    } = element;\n\n    function onPopupOpen(event) {\n      if (event.popup === instance) {\n        instance.update();\n        setOpen(true);\n        onOpen == null ? void 0 : onOpen();\n      }\n    }\n\n    function onPopupClose(event) {\n      if (event.popup === instance) {\n        setOpen(false);\n        onClose == null ? void 0 : onClose();\n      }\n    }\n\n    context.map.on({\n      popupopen: onPopupOpen,\n      popupclose: onPopupClose\n    });\n\n    if (context.overlayContainer == null) {\n      // Attach to a Map\n      if (position != null) {\n        instance.setLatLng(position);\n      }\n\n      instance.openOn(context.map);\n    } else {\n      // Attach to container component\n      context.overlayContainer.bindPopup(instance);\n    }\n\n    return function removePopup() {\n      var _context$overlayConta;\n\n      context.map.off({\n        popupopen: onPopupOpen,\n        popupclose: onPopupClose\n      });\n      (_context$overlayConta = context.overlayContainer) == null ? void 0 : _context$overlayConta.unbindPopup();\n      context.map.removeLayer(instance);\n    };\n  }, [element, context, setOpen, onClose, onOpen, position]);\n});","export default __webpack_public_path__ + \"static/media/lp-map-transparent.7e7cfb5a.svg\";","import L from 'leaflet';\nimport _ from 'lodash';\nimport React, { useState } from 'react';\nimport { MapContainer, Marker, Popup, TileLayer, useMap, useMapEvents } from 'react-leaflet';\nimport { useHistory } from 'react-router-dom';\nimport { Col } from 'reactstrap';\nimport { t } from 'react-multi-lang';\n\nimport MapIcon from '../../../assets/Images/lp-map-icon.png';\nimport MapIconTransparent from '../../../assets/Images/lp-map-transparent.svg';\nimport { isLogedIn } from '../../../Components/common/utils';\nimport myConstClass from '../../../Constants';\n\nfunction MonitoringEarlyWarning({ pillarsData }) {\n  const history = useHistory();\n  const [cordinateAndZoom, setCordinateAndZoom] = useState({\n    cordinates: [23.4073, 79.446],\n    zoom: 3,\n  });\n\n  function ChangeView({ center, zoom }) {\n    const mapEvents = useMapEvents({\n      zoomend: () => {\n        setCordinateAndZoom(prev => ({\n          ...prev,\n          cordinates: mapEvents.getCenter(),\n          zoom: mapEvents.getZoom(),\n        }));\n      },\n      dragend: () => {\n        setCordinateAndZoom(prev => ({\n          ...prev,\n          zoom: mapEvents.getZoom(),\n          cordinates: mapEvents.getCenter(),\n        }));\n      },\n    });\n\n    const map = useMap();\n    setInterval(() => {\n      if (!_.isEmpty(map) && !_.isEmpty(map?._layers)) map.invalidateSize();\n    }, 500);\n    map.setView(center, zoom);\n    return null;\n  }\n\n  const handleRedirectTo = data => {\n    const revisedName = data?.country_slug;\n    const countryData = JSON.stringify(data);\n    localStorage.setItem('countryData', countryData);\n    // localStorage.setItem('selectedCountry', JSON.stringify(revisedName));\n\n    if (data.website_url) {\n      if (data.website_url.includes('drougth-monitor')) {\n        if (!isLogedIn()) {\n          history.push({\n            pathname: '/login',\n            search: `?Country=${revisedName}&prevPath=drought-monitor`,\n            state: {\n              countryData: data,\n            },\n          });\n        } else {\n          history.push({\n            pathname: '/drought-monitor',\n            search: `?Country=${revisedName}`,\n            state: {\n              countryData: data,\n            },\n          });\n        }\n      } else {\n        window.open(data.website_url, '_blank').focus();\n      }\n    } else {\n      history.push({\n        pathname: `/drought-management-system`,\n        search: `?Country=${revisedName}`,\n        state: {\n          countryData: data,\n        },\n      });\n    }\n  };\n\n  const renderMarkers = data => {\n    const markers = data?.values || [];\n\n    if (markers.length) {\n      return markers.map((pillar, index) => {\n        const customIcon = new L.Icon({\n          iconUrl: MapIcon,\n          popupAnchor: [0, -16],\n          iconSize: [32, 32], // Adjust size according to your icon dimensions\n          iconAnchor: [16, 16],\n        });\n\n        return (\n          <Marker key={index} position={[pillar.latitude, pillar.longitude]} icon={customIcon}>\n            <Popup className=\"custom-popup\">\n              <div className=\" d-flex align-items-center\">\n                <img src={MapIconTransparent} alt=\"marker\" />\n                <h3>{pillar.name}</h3>\n              </div>\n              <hr className=\"m-0 px-3\" />\n              <p className=\"map-popup-desc\">{pillar.description}</p>\n              <button className=\"popup-link\" onClick={() => handleRedirectTo(pillar)}>\n                {t('LANDING_PAGE.VIEW_MORE')}\n              </button>\n            </Popup>\n          </Marker>\n        );\n      });\n    }\n  };\n\n  return (\n    <Col className=\"px-0 mx-0 landing-page-map-container\">\n      <MapContainer\n        center={cordinateAndZoom.cordinates}\n        className=\"landing-page-map\"\n        zoom={cordinateAndZoom.zoom}\n        maxZoom={6}\n        minZoom={3}\n        markerZoomAnimation\n        maxBounds={[\n          [-90, -180], // Southwest corner\n          [90, 180], // Northeast corner\n        ]}\n        maxBoundsViscosity={1.0}\n      >\n        <ChangeView center={cordinateAndZoom.cordinates} zoom={cordinateAndZoom.zoom} />\n        <TileLayer\n          attribution='&copy; <a href=\"https://www.openstreetmap.org/copyright\">OpenStreetMap</a> contributors'\n          url={myConstClass.TITLE_LAYER_URL}\n        />\n        {pillarsData?.length ? renderMarkers(pillarsData[0]) : null}\n      </MapContainer>\n    </Col>\n  );\n}\n\nexport default MonitoringEarlyWarning;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC4AAAAuCAYAAABXuSs3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAtwSURBVHgBzVkLUFTXGf7PvfuChQXXBeUhIiogoxEfsT5atWokRm3U0WrTio/UtqlOE5M6U5M0aqepNUnDJDHVaTq0OmMePtuY1Ed9QKzxrfhCVMRVkIegwC4s+7y3/3+4d10Q2QWx03/mcM49d+853/+f///O+Q8MukDSf5ozXpakTGDCOJABa4jG7mjldZ0MYGVYQJbyRVHIK/xkeQE8pjDopCQvzInWCfAyDrAQR0mGjomVybAGdJBXtHG5FTohnQKeujhnFWPwCjywamfFKsvSpmu5r63BttyRDzsEPP0XOcmSF3YxcocAiQzXw6TMvjAiLREGJMVAQncT7yOxO1xw554NrtyuhpPXyuDAuRu8r7UCTAvf74j1QwXO0pfkLJAlyIEAKydYTJA9aQjMGp3hBxqK7DpaCOt3H4c7NbbA7jpZlhdfy311VyhjhAS8/6J3FwmCJld9JpDLfjASFiDox5FNB87B+i+Pt1gBXM1FRbnLN0EQ1xEf9QK1ZyhCecrUGQj6U7WfrPzF6/PgewOT4XElMyUOpj6dBgcLAtyHwQzzkGet98/tO9/et8KjXiBo2HHLlMzYA0un94qBzStmcx/uKiFDbP71bBiAY/tBMcjpv2htH4JBBoQOAGdz5swR3AIcAsWnaYKPl03vUtAQAH790um8ViSaMf3OdvC1+YI0ZBdNo97Cqjd1kE93taVbi2p5NchxxQenv/j+W+SvbVm9TY0GLninD0bGAvWZAjEY6HVbj8C/kep8Uofo+CHwNJcqMrBfxU17zUzgW/+2dXByFynXJ8xkTJyvDvb+z56D9qSqrhFe3vAV7Dl1DbZ/cwnKkOaSYqPhalkN7DtdDEP7xUOoQgG769tCNVgNemOE6965/d9AK5ZpYfHVq1ezbdu2CUzQvKn2LZs+Muhkx6/cBmOYjrfv1jfClsPn4U87j8IvP/onXLhZCV6fBB2R7ECaZSybcBI2dJkH3QG/p7aYPPeN4foIyzHqIH879eFLEIrU2pvg8IWb8BmCvmitgqfQchdKKmDsoGQovHUXJgxOgR9PHAxpiTFBx7KhtSf+JtdPkT5nQ1binYOH8vLyfKBYvrWPC3pD5Fj1gbbxUKVbZBjMGpMB2978EexfuxA0aAaNKIDT7YUamwO2HrkEz6/eAvP+8DlcvFnV7lgm5QihChPETARNWJlSmoErUUttUWaiHzidPToj8WYTRODka+ZPhAXPDEUrW/zvCkoqQRSDb9iBczNRNzYxMZHi0e8uGv4Cg3b8+PHs8uXLoiyw3uqwdGAKVWhZb1bVgtGgg72nr8Hr88ZDnDkC9FoNTMxMgWtl1fBp3kW4b3dARlJs0PEC52aiMKisrEwkjCrBqK7CaCmqq6tFjMxe6gcd4e2lH++GivsNsOXQeegVE430mA/n0bqqpKJvr/7JBPjwpWkhjRffcu6obt26iYhRtTrjwJECeWA2Fxal/jqUE1/2O9v4QWn5rNGQf76EU9+/kBa1ogi5+87wVVCFFvlQQQnMXLMF/rbvbLvjmlrMzaJqa2vF5ORkhuzCPYS7ClIgoA9BfX29AB2UUuTskwi8rqEJpo9Mhw1fn4RRA5IgrZcFbI0uDnDl3LFQ1+iEtz/LhzxUzitJPJgXZQ3tyFSCy+USlCD1EnAeqehDQkREhICRakOV+DqR3waz+piMJNj+n8tw7kYF5F+0wroXs3g/MUmUUQ9Lnh3OLf93PMLSeHPHDoL9Z4th9tiB7Y5rC0w2CBMCr6ioYFioh2kCfsskSRJlkGwMRA6cMpf08PYDtF+CBZZMGc79+TLy9Qt/3AopcWZI6WmGRqcLTl4t48eARNyBp45IhXpchWeG9oW7tQ3tjlt+70GSIUu+MqPRyBobGxkGKKDVZX9w0h+HwyHLHvcV9YMrpdUQTAb2jgW3V8JNpxIGp/QEsykcSiruY4pWDNFGdIfJwzif0zHgwNkbvL0DV2jK06ntjkupnh+4z3OHQFssFiIR8nOBgLc4A0iuxhNq+2RRGQST4akJkIZWT7JEw3OYFMRGGSE22sjfhem1cLTQ6t/ySam6Bifs+O0L0CM6ot1xKT9tjammpoZjReDc4mzYsGH0zHA5wFV3t0j94EBBm4ntQ5I1vB/0TeiOdGiHIlyl50dl8H5ihiu3a3h77rhBuKwMuT0S+idYgo5JSbUqzrulBPyhQ5Z85swZ6pRwOXxl+z85Ifu85fSSQO/Ek1owoU1n3eLJaGEN9zmH0803HnuTG6Z9J43TV5+e3bCdCr/Lngi4WbQ7HiXTqsEIS82xL8iYco8ePWRFAZkfa4nHbTabgEWLj7qo1BFmUR/+NL27WVkbUlIsoteNTO8F8ydlcpdoRPCjB/TCfhFW/PC7MCo9CUYhA4Uiy/682w/cVVO67l7h0QvURNbzknHlgMyCLK+NiooKRy6PDEtIT0jKWrIPTzeR9HLlvHGPndGHKpT5r/08n7e5tQv2LnQUHb3qdDrt2OUkBbBI/g0nIyNDRtC+sLAwn6+6pBZ93Z/Z0854554NnrTQPQvNpYq34f7u+wUHSxG0l8BiaXmsJdMjYPIhX1NTkxd90mvduW6jz+O6Tu9p2bLf3f5EwRPo7Pe2P/Btr7eiZPvaDdj0kA5KkdXTod/iGKBSVVUVaeXBrdVNde3pr1cg+9vVgZeu3/1EwPOx8ZDmv9mSJHv16a9+rtPpPGhQtwKasEktToeUSEPzEqiakZbue4VHbjvKiz9QJyCq62rLq5YuCtjs7Lcv/b72cn6pGwU9wGM2mwmT6ibc5A8ly2oxGAyi1+sVbcWnb4bH9rmrNVl4gkFLScks0R0lto8jFIiv/mUP1NQ7/H2O8qtv39n/1z3YbKJiMpmcyCaurKwsb2FhoRwINFBoBej8QiercCwRuFzhqHhY3ISFE0zJg95ApvFvefw6AZPpmWMyIFRR94bNCLrFpackNTgqr39Qumfjl9DMHnSYaSRdlGeyuPQo4Px64tSpU1qr1WpA/zLiUhkVJQzmtNGJlpEzPmIabc/Aj0K+ZsYDV1u7sc/tLK4+9o+V9cUnShWQjkDQuMW7sbS4KmhrC1OTCm1kZGS43W4PwzZZmWqdRqPRJk5/ZbHOFDultQIdFrSyq65im3XXe7lardaDQho1qaDj4uKc8fHxHiQOziitQbYlAvK6Bn2KLksMBFqv14cj23DwpJQ5bVS8sfdTQ8Li+i7qqAJIdZXu+sq9FUe3b3VV36qHZjdQQZOVHUjNTmQ5srRv1apVUuvLrEcB5y6DmZGoAFV9npQwoHUMyKcUCxTAQsyQyf0N8WmZOpMlk2l0PUUsICixgFbFf2w1+NyOYq+tpsBZW3696tsd9M8rdUPxYBwRgTjRNdEzm1Sf9iBoL4KWFdYLCbj6jl9ZYNEq4MniBpxIjxORQhpUQoNKcAXQjQSsZaz5uNjmBsZnUJ45F+MzGt3rp13V2sQgCN7VvXt3T2xsrHT48GFvG9eGQYGrwpNoutfA9E6P1KRraGjQK9YnhbTaZgcVsBJQCQIPBFYBzsErNWcG/J2XHBrdz43u58LjtAuN4cSE2IMuSrSnbjjtWjUU4Zbv16+fUFxczH0cml2ItxGABufnrkPgFSUAa/4xtiVsq65BxYv7hBvPIG4kAA+2XXg1wjc/VNynWFkOBigUkShIEDQNzpcV0yiKfDoO2BE0rxGAHQES/9qUmoo9sK0UG4LmPI0nUkdMTAw/YhDlhQK6M8LzPUxYybo6vOcw4KQReFmD80d1wz5KbSi77oGlp1KoTVdXFvRhM9Z0b0OBa0C3oBUjVxQe9S+TLhWaJOC+UasA0GMchCGNGRVgdJaPUJ6NyMkqK/GgDgAM/3MJTESQPpWbMNBgDqsNLNAcEyKtFjQr6791/X8TFlhUq3alO/wXLiw2XDw1j/MAAAAASUVORK5CYII=\"","export default __webpack_public_path__ + \"static/media/risk-impact.d8c9fc55.jpg\";","import React, { useEffect, useState } from 'react';\nimport { Card, CardBody, CardHeader, CardText, Col } from 'reactstrap';\nimport RiskImpact from '../../../assets/Images/risk-impact.jpg';\n\nfunction RiskImpactAssessment({ pillarsData }) {\n  const [ImpactData, setImpactData] = useState([]);\n\n  useEffect(() => {\n    if (pillarsData?.length) {\n      const { values } = pillarsData[0];\n      setImpactData(values);\n    }\n  }, [pillarsData]);\n\n  const handleOpenFile = data => {\n    if (data?.file !== null) {\n      window.open(data.file, '_blank');\n    }\n  };\n\n  return (\n    <>\n      <Col xs={6} className=\"px-0 mx-0 d-none d-md-block\">\n        <img src={RiskImpact} alt=\"risk-impact\" className=\"risk-mitigation-img\" />\n      </Col>\n      <Col xs={12} md={6} className=\"landing-page-pilars-container\">\n        {ImpactData.map(item => (\n          <Card\n            className=\"tools-cards tools-card-2 mb-3 cursor-ponter d-flex flex-row\"\n            onClick={() => handleOpenFile(item)}\n            key={item.id}\n          >\n            <img\n              src={item.icon}\n              alt={item.name}\n              className=\"tools-card-image tools-card-image-size\"\n            />\n            <CardBody className=\"py-0 tools-card-body \">\n              <CardHeader className=\" bg-transparent border-0 tools-card-header p-0\">\n                {item.name}\n              </CardHeader>\n              <CardText className=\"tools-card-desc tools-card-overflow-text\">\n                {item.description}\n              </CardText>\n            </CardBody>\n          </Card>\n        ))}\n      </Col>\n    </>\n  );\n}\n\nexport default RiskImpactAssessment;\n","export default __webpack_public_path__ + \"static/media/risk-mitigation.c2c3fa79.jpg\";","import React, { useEffect, useState } from 'react';\nimport { Card, CardBody, CardHeader, CardText, Col } from 'reactstrap';\n\nimport RiskMitigationImage from '../../../assets/Images/risk-mitigation.jpg';\n\nfunction RiskMitigation({ pillarsData }) {\n  const [impactData, setImpactData] = useState([]);\n\n  useEffect(() => {\n    if (pillarsData?.length) {\n      const { values } = pillarsData[0];\n      setImpactData(values);\n    }\n  }, [pillarsData]);\n\n  const handleOpenFile = data => {\n    if (data?.file !== null) {\n      window.open(data.file, '_blank').focus();\n    }\n  };\n  return (\n    <>\n      <Col xs={6} className=\"px-0 mx-0 d-none d-md-block\">\n        <img src={RiskMitigationImage} alt=\"risk-impact\" className=\"risk-mitigation-img\" />\n      </Col>\n      <Col xs={12} md={6} className=\"landing-page-pilars-container\">\n        {impactData.map((item, index) => (\n          <Card\n            className=\"tools-cards tools-card-2 mb-3 cursor-ponter d-flex flex-row\"\n            onClick={() => handleOpenFile(item)}\n            key={item.id}\n          >\n            <img\n              src={item.icon}\n              alt={item.name}\n              className=\"tools-card-image tools-card-image-size\"\n            />\n            <CardBody className=\"py-0 tools-card-body \">\n              <CardHeader className=\" bg-transparent border-0 tools-card-header p-0\">\n                {item.name}\n              </CardHeader>\n              <CardText className=\"tools-card-desc tools-card-overflow-text\">\n                {item.description}\n              </CardText>\n            </CardBody>\n          </Card>\n        ))}\n      </Col>\n    </>\n  );\n}\n\nexport default RiskMitigation;\n","import classnames from 'classnames';\nimport React, { useState } from 'react';\nimport { useHistory } from 'react-router-dom';\nimport { Button, Col, Container, Row } from 'reactstrap';\nimport { t } from 'react-multi-lang';\n\nimport { RISK_MANAGEMENT_DESC } from '../../../Components/constants';\nimport MonitoringEarlyWarning from './MonitoringEarlyWarning';\nimport RiskImpactAssessment from './RiskImpactAssessment';\nimport RiskMitigation from './RiskMitigation';\n\nconst Pillars = ({ componentData }) => {\n  const history = useHistory();\n  const [selectedDisasterRisk, setSelectedDisasterRisk] = useState('monitoring_early_warning');\n\n  const handleNavigateTo = () => {\n    if (selectedDisasterRisk === 'monitoring_early_warning') {\n      history.push('/tools?selectedTool=monitoring_early_warning');\n    } else if (selectedDisasterRisk === 'risk_impact') {\n      history.push('/tools?selectedTool=risk_impact');\n    } else {\n      history.push('/tools?selectedTool=risk_mitigation');\n    }\n  };\n\n  const renderComponent = () => {\n    const filterData = componentData.filter(pillar => pillar.pillar_type === selectedDisasterRisk);\n\n    switch (selectedDisasterRisk) {\n      case 'monitoring_early_warning':\n        return <MonitoringEarlyWarning pillarsData={filterData} />;\n      case 'risk_impact':\n        return <RiskImpactAssessment pillarsData={filterData} />;\n      case 'risk_mitigation':\n        return <RiskMitigation pillarsData={filterData} />;\n      default:\n        return <div>Please select a disaster risk category.</div>;\n    }\n  };\n\n  return (\n    <Container fluid className=\"pillars-container\">\n      <Row className=\"pillars-title\">\n        <Col>\n          <h1>{t('LANDING_PAGE.PILLARS_OF_DISATER')}</h1>\n        </Col>\n      </Row>\n      <Row className=\"pillars justify-content-between px-0 mx-0\">\n        <Col xs={12} md={4} className=\"pl-0\" style={{ paddingLeft: '0' }}>\n          <Button\n            className={classnames('pillar', {\n              selected: selectedDisasterRisk === 'monitoring_early_warning',\n            })}\n            onClick={() => setSelectedDisasterRisk('monitoring_early_warning')}\n          >\n            {t('LANDING_PAGE.MONITORING_EARLY_WARNING')}\n          </Button>\n        </Col>\n        <Col xs={12} md={4}>\n          <Button\n            className={classnames('pillar', {\n              selected: selectedDisasterRisk === 'risk_impact',\n            })}\n            onClick={() => setSelectedDisasterRisk('risk_impact')}\n          >\n            {t('LANDING_PAGE.RISK_IMPACT')}\n          </Button>\n        </Col>\n        <Col xs={12} md={4} className=\"pr-0\" style={{ paddingRight: '0' }}>\n          <Button\n            className={classnames('pillar', {\n              selected: selectedDisasterRisk === 'risk_mitigation',\n            })}\n            onClick={() => setSelectedDisasterRisk('risk_mitigation')}\n          >\n            {t('LANDING_PAGE.RISK_MITIGATION')}\n          </Button>\n        </Col>\n      </Row>\n      <Row className=\"pillars-description px-0 mx-0\">\n        <Col xs={12} className=\"px-0\" onClick={() => handleNavigateTo()}>\n          {RISK_MANAGEMENT_DESC[selectedDisasterRisk]()} <span>Read more</span>\n        </Col>\n      </Row>\n\n      <Row className=\"px-0 mx-0\">{renderComponent()}</Row>\n    </Container>\n  );\n};\n\nexport default Pillars;\n"],"sourceRoot":""}