{"version":3,"file":"Timer_Spring.iZff-IFP.mjs","names":["React.useState","React.Fragment"],"sources":["https:/framerusercontent.com/modules/x5zJlAduMdU2kd2jBmcm/pIJCcoth9jLslHJb6qqt/Timer_Spring.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import*as React from\"react\";import{addPropertyControls,ControlType}from\"framer\";export default function Countdown(props){const{targetDate,boxColor,strokeColor,textColor}=props;function calculateTimeLeft(){const target=new Date(targetDate);const now=new Date;if(isNaN(target.getTime())){return{days:0,hours:0,minutes:0,seconds:0};}const difference=+target-+now;if(difference>0){return{days:Math.floor(difference/(1e3*60*60*24)),hours:Math.floor(difference/(1e3*60*60)%24),minutes:Math.floor(difference/1e3/60%60),seconds:Math.floor(difference/1e3%60)};}return{days:0,hours:0,minutes:0,seconds:0};}const[timeLeft,setTimeLeft]=React.useState(()=>calculateTimeLeft());React.useEffect(()=>{const timer=setInterval(()=>{setTimeLeft(calculateTimeLeft());},1e3);return()=>clearInterval(timer);},[targetDate]);const formatTime=time=>time<10?`0${time}`:time;const containerStyle={display:\"flex\",alignItems:\"center\",fontFamily:\"Pretendard, sans-serif\"};const boxStyle={display:\"flex\",justifyContent:\"center\",alignItems:\"center\",width:\"64px\",height:\"64px\",backgroundColor:boxColor,border:`1.5px solid ${strokeColor}`,borderRadius:\"8px\",boxSizing:\"border-box\"};const numberBaseStyle={fontSize:\"24px\",fontWeight:600,fontFamily:\"Pretendard, sans-serif\"};const colonStyle={fontSize:\"24px\",fontWeight:600,fontFamily:\"Pretendard, sans-serif\",margin:\"0 6px\",display:\"flex\",alignItems:\"center\",height:\"64px\"};const timeUnits=[timeLeft.days,timeLeft.hours,timeLeft.minutes,timeLeft.seconds];return /*#__PURE__*/_jsx(\"div\",{style:containerStyle,children:timeUnits.map((value,index)=>{const customColor=index===0?\"#FA0030\":textColor;return /*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:boxStyle,children:/*#__PURE__*/_jsx(\"span\",{style:{...numberBaseStyle,color:customColor},children:formatTime(value||0)})}),index