{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/r0mdD0AVKDNk6cuMlXDR/FWiUnkt5nwwLnrFhWNBG/Counter.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{motion,useInView,useMotionValue,useSpring}from\"framer-motion\";const icons={battery:props=>/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...props,children:[/*#__PURE__*/_jsx(\"rect\",{x:\"2\",y:\"7\",width:\"20\",height:\"10\",rx:\"2\",ry:\"2\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"22\",y1:\"11\",x2:\"22\",y2:\"13\"})]}),wind:props=>/*#__PURE__*/_jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...props,children:/*#__PURE__*/_jsx(\"path\",{d:\"M9.59 4.59A2 2 0 1 1 11 8H2m10.59 11.41A2 2 0 1 0 14 16H2m15.73-8.27A2.5 2.5 0 1 1 19.5 12H2\"})}),sun:props=>/*#__PURE__*/_jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"24\",height:\"24\",viewBox:\"0 0 24 24\",fill:\"none\",stroke:\"currentColor\",strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...props,children:[/*#__PURE__*/_jsx(\"circle\",{cx:\"12\",cy:\"12\",r:\"5\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"1\",x2:\"12\",y2:\"3\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"12\",y1:\"21\",x2:\"12\",y2:\"23\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"4.22\",y1:\"4.22\",x2:\"5.64\",y2:\"5.64\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"18.36\",y1:\"18.36\",x2:\"19.78\",y2:\"19.78\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"1\",y1:\"12\",x2:\"3\",y2:\"12\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"21\",y1:\"12\",x2:\"23\",y2:\"12\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"4.22\",y1:\"19.78\",x2:\"5.64\",y2:\"18.36\"}),/*#__PURE__*/_jsx(\"line\",{x1:\"18.36\",y1:\"5.64\",x2:\"19.78\",y2:\"4.22\"})]})};function Counter({value=100,title=\"Counter\",icon=\"battery\",primaryColor=\"#3b82f6\",textColor=\"#000000\",backgroundColor=\"#ffffff\"}){const ref=React.useRef(null);const isInView=useInView(ref,{once:true,margin:\"0px 0px -50px 0px\"});const motionValue=useMotionValue(0);const springValue=useSpring(motionValue,{damping:50,stiffness:100});React.useEffect(()=>{if(isInView){motionValue.set(value);}},[motionValue,value,isInView]);React.useEffect(()=>{springValue.on(\"change\",latest=>{if(ref.current){ref.current.textContent=Math.round(latest);}});},[springValue]);const Icon=icons[icon]||icons.battery;return /*#__PURE__*/_jsxs(motion.div,{initial:{opacity:0,y:20},animate:{opacity:1,y:0},transition:{duration:.5},style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",padding:\"1.5rem\",backgroundColor:backgroundColor,width:\"100%\",maxWidth:\"300px\"},children:[/*#__PURE__*/_jsx(Icon,{style:{width:\"48px\",height:\"48px\",marginBottom:\"16px\",color:primaryColor}}),/*#__PURE__*/_jsxs(\"div\",{style:{fontSize:\"36px\",fontWeight:\"bold\",color:textColor},children:[/*#__PURE__*/_jsx(\"span\",{ref:ref,children:\"0\"}),/*#__PURE__*/_jsx(\"span\",{style:{fontSize:\"24px\",fontWeight:\"normal\",marginLeft:\"4px\",opacity:.7},children:\"MW\"})]}),/*#__PURE__*/_jsx(\"p\",{style:{marginTop:\"8px\",fontSize:\"14px\",color:textColor,opacity:.7},children:title})]});}export default function RenewableEnergyCounters(){return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"space-around\",padding:\"20px\",flexWrap:\"wrap\",gap:\"20px\"},children:[/*#__PURE__*/_jsx(Counter,{value:340,title:\"Battery Energy Storage\",icon:\"battery\",primaryColor:\"#4CAF50\",textColor:\"#333333\"}),/*#__PURE__*/_jsx(Counter,{value:32,title:\"Wind Energy\",icon:\"wind\",primaryColor:\"#2196F3\",textColor:\"#333333\"}),/*#__PURE__*/_jsx(Counter,{value:1328,title:\"Solar Energy\",icon:\"sun\",primaryColor:\"#FFC107\",textColor:\"#333333\"})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RenewableEnergyCounters\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Counter.map"],
  "mappings": "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",
  "names": ["icons", "props", "u", "p", "Counter", "value", "title", "icon", "primaryColor", "textColor", "backgroundColor", "ref", "pe", "isInView", "useInView", "motionValue", "useMotionValue", "springValue", "useSpring", "ue", "latest", "Icon", "motion", "RenewableEnergyCounters"]
}