{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/7vp2u0SUOX5UZlNqPGY0/NnoUsKLZncJGpZdQtEcG/Timer_New.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export function CountdownTimer({startMinutes,startSeconds,paddingVertical,paddingHorizontal,backgroundColor,borderRadius,fontSize,fontColor,fontWeight}){const initialTime=startMinutes*60+startSeconds// \u041D\u0430\u0447\u0430\u043B\u044C\u043D\u043E\u0435 \u0432\u0440\u0435\u043C\u044F \u0432 \u0441\u0435\u043A\u0443\u043D\u0434\u0430\u0445\n;const[timeLeft,setTimeLeft]=useState(initialTime);useEffect(()=>{const timer=setInterval(()=>{setTimeLeft(prev=>{if(prev<=0){return initialTime// \u0421\u0431\u0440\u043E\u0441 \u0442\u0430\u0439\u043C\u0435\u0440\u0430\n;}return prev-1;});},1e3);return()=>clearInterval(timer)// \u041E\u0447\u0438\u0441\u0442\u043A\u0430 \u043F\u0440\u0438 \u0440\u0430\u0437\u043C\u043E\u043D\u0442\u0438\u0440\u043E\u0432\u0430\u043D\u0438\u0438\n;},[initialTime]);// \u0424\u043E\u0440\u043C\u0430\u0442 \u0432\u0440\u0435\u043C\u0435\u043D\u0438 \u0432 MM:SS\nconst formatTime=seconds=>{const minutes=Math.floor(seconds/60).toString().padStart(2,\"0\");const secs=(seconds%60).toString().padStart(2,\"0\");return`${minutes}:${secs}`;};return /*#__PURE__*/_jsx(\"div\",{style:{overflow:\"hidden\",color:fontColor,textAlign:\"center\",textOverflow:\"ellipsis\",fontFamily:\"Roboto\",fontSize:`${fontSize}px`,fontWeight:fontWeight,lineHeight:\"28px\",backgroundColor:backgroundColor,padding:`${paddingVertical}px ${paddingHorizontal}px`,borderRadius:`${borderRadius}px`,display:\"flex\",alignItems:\"center\",justifyContent:\"center\"},children:formatTime(timeLeft)});}// \u0414\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043D\u0430\u0441\u0442\u0440\u043E\u0435\u043A \u0441\u0432\u043E\u0439\u0441\u0442\u0432 \u0434\u043B\u044F Framer\naddPropertyControls(CountdownTimer,{startMinutes:{type:ControlType.Number,title:\"Start Minutes\",defaultValue:3,min:0,max:59,step:1},startSeconds:{type:ControlType.Number,title:\"Start Seconds\",defaultValue:0,min:0,max:59,step:1},paddingVertical:{type:ControlType.Number,title:\"Padding Vertical\",defaultValue:10,min:0,max:50,step:1},paddingHorizontal:{type:ControlType.Number,title:\"Padding Horizontal\",defaultValue:10,min:0,max:50,step:1},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#fff\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:5,min:0,max:50,step:1},fontSize:{type:ControlType.Number,title:\"Font Size\",defaultValue:20,min:10,max:100,step:1},fontColor:{type:ControlType.Color,title:\"Font Color\",defaultValue:\"#000\"},fontWeight:{type:ControlType.Enum,title:\"Font Weight\",options:[\"100\",\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\",\"900\"],defaultValue:\"500\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"CountdownTimer\":{\"type\":\"reactComponent\",\"name\":\"CountdownTimer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Timer_New.map"],
  "mappings": "qEAA4I,SAASA,EAAe,CAAC,aAAAC,EAAa,aAAAC,EAAa,gBAAAC,EAAgB,kBAAAC,EAAkB,gBAAAC,EAAgB,aAAAC,EAAa,SAAAC,EAAS,UAAAC,EAAU,WAAAC,CAAU,EAAE,CAAC,IAAMC,EAAYT,EAAa,GAAGC,EAC1T,CAACS,EAASC,CAAW,EAAEC,EAASH,CAAW,EAAEI,EAAU,IAAI,CAAC,IAAMC,EAAM,YAAY,IAAI,CAACH,EAAYI,GAAUA,GAAM,EAAUN,EAC5HM,EAAK,CAAG,CAAE,EAAE,GAAG,EAAE,MAAM,IAAI,cAAcD,CAAK,CACtD,EAAE,CAACL,CAAW,CAAC,EAChB,IAAMO,EAAWC,GAAS,CAAC,IAAMC,EAAQ,KAAK,MAAMD,EAAQ,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,EAAQE,GAAMF,EAAQ,IAAI,SAAS,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,GAAGC,CAAO,IAAIC,CAAI,EAAG,EAAE,OAAoBC,EAAK,MAAM,CAAC,MAAM,CAAC,SAAS,SAAS,MAAMb,EAAU,UAAU,SAAS,aAAa,WAAW,WAAW,SAAS,SAAS,GAAGD,CAAQ,KAAK,WAAWE,EAAW,WAAW,OAAO,gBAAgBJ,EAAgB,QAAQ,GAAGF,CAAe,MAAMC,CAAiB,KAAK,aAAa,GAAGE,CAAY,KAAK,QAAQ,OAAO,WAAW,SAAS,eAAe,QAAQ,EAAE,SAASW,EAAWN,CAAQ,CAAC,CAAC,CAAE,CACvkBW,EAAoBtB,EAAe,CAAC,aAAa,CAAC,KAAKuB,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAKA,EAAY,OAAO,MAAM,mBAAmB,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,kBAAkB,CAAC,KAAKA,EAAY,OAAO,MAAM,qBAAqB,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,gBAAgB,CAAC,KAAKA,EAAY,MAAM,MAAM,mBAAmB,aAAa,MAAM,EAAE,aAAa,CAAC,KAAKA,EAAY,OAAO,MAAM,gBAAgB,aAAa,EAAE,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,YAAY,aAAa,GAAG,IAAI,GAAG,IAAI,IAAI,KAAK,CAAC,EAAE,UAAU,CAAC,KAAKA,EAAY,MAAM,MAAM,aAAa,aAAa,MAAM,EAAE,WAAW,CAAC,KAAKA,EAAY,KAAK,MAAM,cAAc,QAAQ,CAAC,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,EAAE,aAAa,KAAK,CAAC,CAAC",
  "names": ["CountdownTimer", "startMinutes", "startSeconds", "paddingVertical", "paddingHorizontal", "backgroundColor", "borderRadius", "fontSize", "fontColor", "fontWeight", "initialTime", "timeLeft", "setTimeLeft", "ye", "ue", "timer", "prev", "formatTime", "seconds", "minutes", "secs", "p", "addPropertyControls", "ControlType"]
}