{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/yntgWlMPtA9WJQpJvLEN/ZfKtD1LpNA2oNsVunNMq/New_countdown.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";const TimeBox=({label,time,showLabel,countdownFont,labelFont,styleSettings})=>/*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",flexDirection:\"column\",alignItems:\"center\",justifyContent:\"center\",padding:\"10px\",margin:`0 ${styleSettings.gap}px`,width:`${styleSettings.boxWidth}px`,height:`${styleSettings.boxHeight}px`,backgroundColor:styleSettings.backgroundColor,border:`${styleSettings.borderThickness}px solid`,borderColor:styleSettings.borderColor,borderRadius:`${styleSettings.borderRadius}px`,color:countdownFont.color},children:[/*#__PURE__*/_jsx(\"div\",{style:{...countdownFont,color:styleSettings.countdownColor},children:String(time).padStart(2,\"0\")}),showLabel&&/*#__PURE__*/_jsx(\"div\",{style:{...labelFont,color:styleSettings.labelColor,marginTop:\"4px\"},children:label})]});export default function CountdownTimer({targetDate,showLabels,countdownFont,labelFont,visibilitySettings,styleSettings}){const calculateTimeLeft=()=>{const difference=+new Date(targetDate)-+new Date;if(difference<0){// If the date is in the past, return zeros for all units\nreturn{days:0,hours:0,minutes:0,seconds:0};}let timeLeft={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 timeLeft;};const[timeLeft,setTimeLeft]=useState(calculateTimeLeft());useEffect(()=>{const timer=setTimeout(()=>{setTimeLeft(calculateTimeLeft());},1e3);return()=>clearTimeout(timer);});return /*#__PURE__*/_jsxs(\"div\",{style:{display:\"flex\",justifyContent:\"center\",gap:`${styleSettings.gap}px`},children:[/*#__PURE__*/_jsx(TimeBox,{label:\"Days\",time:timeLeft.days,showLabel:showLabels,countdownFont:countdownFont,labelFont:labelFont,styleSettings:styleSettings}),/*#__PURE__*/_jsx(TimeBox,{label:\"Hours\",time:timeLeft.hours,showLabel:showLabels,countdownFont:countdownFont,labelFont:labelFont,styleSettings:styleSettings}),/*#__PURE__*/_jsx(TimeBox,{label:\"Minutes\",time:timeLeft.minutes,showLabel:showLabels,countdownFont:countdownFont,labelFont:labelFont,styleSettings:styleSettings}),/*#__PURE__*/_jsx(TimeBox,{label:\"Seconds\",time:timeLeft.seconds,showLabel:showLabels,countdownFont:countdownFont,labelFont:labelFont,styleSettings:styleSettings})]});}addPropertyControls(CountdownTimer,{targetDate:{type:ControlType.Date,title:\"Target Date\",defaultValue:new Date(\"2024-12-31\")},showLabels:{type:ControlType.Boolean,title:\"Show Labels\",defaultValue:true},countdownFont:{//@ts-ignore\ntype:ControlType.Font,title:\"Countdown Font\",controls:\"extended\",displayFontSize:true,displayTextAlignment:false,defaultFontType:\"monospace\",defaultValue:{fontSize:24,lineHeight:\"1.5em\"}},labelFont:{//@ts-ignore\ntype:ControlType.Font,title:\"Label Font\",controls:\"extended\",displayFontSize:true,displayTextAlignment:false,defaultFontType:\"monospace\",defaultValue:{fontSize:14,lineHeight:\"1.5em\"}},styleSettings:{type:ControlType.Object,title:\"Style Settings\",controls:{gap:{type:ControlType.Number,defaultValue:10,min:0,max:50,step:1,unit:\"px\",title:\"Gap\"},countdownColor:{type:ControlType.Color,title:\"Countdown Color\",defaultValue:\"#000000\"},labelColor:{type:ControlType.Color,title:\"Label Color\",defaultValue:\"#666666\"},backgroundColor:{type:ControlType.Color,title:\"Background Color\",defaultValue:\"#FFFFFF\"},borderThickness:{type:ControlType.Number,title:\"Border Thickness\",defaultValue:1,min:0,max:10,step:1,unit:\"px\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#DDDDDD\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:8,min:0,max:100,step:1,unit:\"px\"},boxWidth:{type:ControlType.Number,title:\"Box Width\",defaultValue:100,min:50,max:300,step:1,unit:\"px\"},boxHeight:{type:ControlType.Number,title:\"Box Height\",defaultValue:100,min:50,max:300,step:1,unit:\"px\"}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"CountdownTimer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./New_countdown.map"],
  "mappings": "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",
  "names": ["TimeBox", "label", "time", "showLabel", "countdownFont", "labelFont", "styleSettings", "u", "p", "CountdownTimer", "targetDate", "showLabels", "visibilitySettings", "calculateTimeLeft", "difference", "timeLeft", "setTimeLeft", "ye", "ue", "timer", "addPropertyControls", "ControlType"]
}