{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/77OOoYh70Nl9mjbSiQzD/KO16cC107LLxC04BiK0k/CountdownTimer.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";import{addPropertyControls,ControlType}from\"framer\";import React from\"react\";export default function RandomCountdownTimer({showSeconds,direction,gap,typography,labelSize,labelColor,borderWidth,borderColor,borderRadius,paddingX,paddingY,translations,colonColor}){const getRandomTimerValues=()=>{return{days:0,hours:Math.floor(Math.random()*5),minutes:Math.floor(Math.random()*60),seconds:Math.floor(Math.random()*60)};};const[timer,setTimer]=React.useState(getRandomTimerValues);const containerStyle={height:\"100%\",width:\"100%\",display:\"flex\",flexDirection:direction===\"horizontal\"?\"row\":\"column\",gap:gap,justifyContent:\"center\",alignItems:\"center\"};const itemStyle={font:`${typography.weight} ${typography.size}px/1 ${typography.font}`,color:typography.color,textAlign:\"center\",border:`${borderWidth}px solid ${borderColor}`,borderRadius:`${borderRadius}px`,padding:`${paddingY}px ${paddingX}px`};const labelStyle={marginTop:4,fontSize:`${labelSize}px`,color:labelColor};const colonStyle={color:colonColor,font:`${typography.weight} ${typography.size}px/1 ${typography.font}`};React.useEffect(()=>{const interval=setInterval(()=>{setTimer(prevTimer=>{let{days,hours,minutes,seconds}=prevTimer;if(seconds>0){seconds-=1;}else if(minutes>0){seconds=59;minutes-=1;}else if(hours>0){minutes=59;seconds=59;hours-=1;}else{return getRandomTimerValues();}return{days,hours,minutes,seconds};});},1e3);return()=>clearInterval(interval);},[]);return /*#__PURE__*/_jsxs(\"div\",{style:containerStyle,children:[/*#__PURE__*/_jsxs(\"div\",{style:itemStyle,children:[/*#__PURE__*/_jsx(\"div\",{children:timer.days.toString().padStart(2,\"0\")}),/*#__PURE__*/_jsx(\"div\",{style:labelStyle,children:translations.days})]}),/*#__PURE__*/_jsx(\"div\",{style:colonStyle,children:\":\"}),/*#__PURE__*/_jsxs(\"div\",{style:itemStyle,children:[/*#__PURE__*/_jsx(\"div\",{children:timer.hours.toString().padStart(2,\"0\")}),/*#__PURE__*/_jsx(\"div\",{style:labelStyle,children:translations.hours})]}),/*#__PURE__*/_jsx(\"div\",{style:colonStyle,children:\":\"}),/*#__PURE__*/_jsxs(\"div\",{style:itemStyle,children:[/*#__PURE__*/_jsx(\"div\",{children:timer.minutes.toString().padStart(2,\"0\")}),/*#__PURE__*/_jsx(\"div\",{style:labelStyle,children:translations.minutes})]}),showSeconds&&/*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"div\",{style:colonStyle,children:\":\"}),/*#__PURE__*/_jsxs(\"div\",{style:itemStyle,children:[/*#__PURE__*/_jsx(\"div\",{children:timer.seconds.toString().padStart(2,\"0\")}),/*#__PURE__*/_jsx(\"div\",{style:labelStyle,children:translations.seconds})]})]})]});}addPropertyControls(RandomCountdownTimer,{showSeconds:{type:ControlType.Boolean,defaultValue:true},direction:{type:ControlType.Enum,defaultValue:\"horizontal\",options:[\"horizontal\",\"vertical\"],optionTitles:[\"Horizontal\",\"Vertical\"]},gap:{type:ControlType.Number,defaultValue:16,displayStepper:true,unit:\"px\"},typography:{type:ControlType.Object,controls:{font:{type:ControlType.String,defaultValue:\"Inter\"},weight:{type:ControlType.Enum,defaultValue:\"400\",options:[\"200\",\"300\",\"400\",\"500\",\"600\",\"700\",\"800\"]},color:{title:\"Font Color\",type:ControlType.Color,defaultValue:\"#FFFFFF\"},size:{type:ControlType.Number,defaultValue:32,unit:\"px\"}}},labelSize:{type:ControlType.Number,title:\"Label Size\",defaultValue:14,unit:\"px\"},labelColor:{type:ControlType.Color,title:\"Label Color\",defaultValue:\"#CCCCCC\"},borderWidth:{type:ControlType.Number,title:\"Border Width\",defaultValue:2,unit:\"px\"},borderColor:{type:ControlType.Color,title:\"Border Color\",defaultValue:\"#CCCCCC\"},borderRadius:{type:ControlType.Number,title:\"Border Radius\",defaultValue:8,unit:\"px\"},paddingX:{type:ControlType.Number,title:\"Padding X\",defaultValue:8,unit:\"px\"},paddingY:{type:ControlType.Number,title:\"Padding Y\",defaultValue:8,unit:\"px\"},colonColor:{type:ControlType.Color,title:\"Colon Color\",defaultValue:\"#FFFFFF\"},translations:{type:ControlType.Object,controls:{days:{type:ControlType.String,defaultValue:\"Days\"},hours:{type:ControlType.String,defaultValue:\"Hours\"},minutes:{type:ControlType.String,defaultValue:\"Minutes\"},seconds:{type:ControlType.String,defaultValue:\"Seconds\"}}}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"RandomCountdownTimer\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./CountdownTimer.map"],
  "mappings": "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",
  "names": ["RandomCountdownTimer", "showSeconds", "direction", "gap", "typography", "labelSize", "labelColor", "borderWidth", "borderColor", "borderRadius", "paddingX", "paddingY", "translations", "colonColor", "getRandomTimerValues", "timer", "setTimer", "e", "containerStyle", "itemStyle", "labelStyle", "colonStyle", "interval", "prevTimer", "days", "hours", "minutes", "seconds", "u", "p", "l", "addPropertyControls", "ControlType"]
}