{"version":3,"file":"Countdown_Timer.BkAwDakd.mjs","names":["useState","hours","minutes","seconds","_Fragment"],"sources":["https:/framerusercontent.com/modules/6erEzpLLPj8YP8VZuepu/v19xnfw68jXqse3d3Vja/Countdown_Timer.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{useState,useEffect}from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function Countdown_Timer({fontSize,fontFamily,letterSpacing,fontColor,fontWeight,displayHours,displayMinutes,displaySeconds,displayTextUnder,endTime,endMessage}){const array=endTime.split(\":\");let hours=+array[0]*60*60;let minutes=+array[1]*60;let seconds=+array[2];let difference=hours+minutes+seconds;let[timeLeft,setTimeLeft]=useState({hours:array[0],minutes:array[1],seconds:array[2]});// let timeLeft = {hours: hours, minutes: minutes, seconds: seconds}\nuseEffect(()=>{const timer=setTimeout(()=>{setTimeLeft(calculateTimeLeft());},1e3);return()=>clearTimeout(timer);});function calculateTimeLeft(){let hours=+timeLeft.hours*60*60;let minutes=+timeLeft.minutes*60;let seconds=+timeLeft.seconds;let difference=hours+minutes+seconds-1;if(difference>0){let newHours=Math.floor(+difference/(60*60)%24);newHours=newHours<=9&&newHours>=0?\"0\"+newHours:newHours;let newMinutes=Math.floor(+difference/60%60);newMinutes=newMinutes<=9&&newMinutes>=0?\"0\"+newMinutes:newMinutes;let newSeconds=Math.floor(+difference%60);newSeconds=newSeconds<=9&&newSeconds>=0?\"0\"+newSeconds:newSeconds;timeLeft={// displayDays:  null,\nhours:displayHours?newHours:null,minutes:displayMinutes?newMinutes:null,seconds:displayMinutes?newSeconds:null};}// console.log(timeLeft)\nreturn timeLeft;}const timerComponents=[];Object.keys(timeLeft).forEach(interval=>{if(!timeLeft[interval]){return;}timerComponents.push(/*#__PURE__*/_jsxs(\"span\",{style:{display:\"flex\",gap:\"0px\"},children:[/*#__PURE__*/_jsxs(\"span\",{style:{display:\"flex\",alignItems:\"center\",flexDirection:\"column\"},children:[timeLeft[interval],displayTextUnder?/*#__PURE__*/_jsx(_Fragment,{children:/*#__PURE__*/_jsx(\"span\",{style:{fontSize:`${fontSize/2.5}px`},children:interval.toLowerCase()})}):\"\"]},interval),interval!==\"seconds\"?/*#__PURE__*/_jsx(\"span\",{children:\":\"}):\"\"]}));});return /*#__PURE__*/_jsx(\"div\",{style:{fontSize,fontFamily,letterSpacing,color:fontColor,fontWeight,display:\"flex\",gap:\"0px\"},children:timeLeft.hours===\"00\"&&timeLeft.minutes===\"00\"&&(timeLeft.seconds===\"00\"||timeLeft.seconds===\"01\")?/*#__PURE__*/_jsx(\"span\",{children:endMessage}):timerComponents});}addPropertyControls(Countdown_Timer,{fontSize:{type:ControlType.Number,unit:\"px\",defaultValue:30},fontFamily:{type:ControlType.String,defaultValue:\"Inter\"},letterSpacing:{type:ControlType.Number,defaultValue:0},fontColor:{type:ControlType.Color,defaultValue:\"black\"},fontWeight:{type:ControlType.Enum,defaultValue:400,options:[\"normal\",\"bold\",\"bolder\",\"lighter\",100,200,300,400,500,600,700,800,900]},displayHours:{type:ControlType.Boolean,defaultValue:true},displayMinutes:{type:ControlType.Boolean,defaultValue:true},displaySeconds:{type:ControlType.Boolean,defaultValue:true},displayTextUnder:{type:ControlType.Boolean,defaultValue:false},endTime:{type:ControlType.String,defaultValue:\"00:00:03\",description:\"HH:MM:SS\"},endMessage:{type:ControlType.String,defaultValue:\"Time's up!\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Countdown_Timer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Countdown_Timer.map"],"mappings":"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"}