{"version":3,"file":"DigitalClock.CfdISKwR.mjs","names":["useState"],"sources":["https:/framerusercontent.com/modules/e2qWyY6vuyWlSS2hYQUa/4M3vfCmmr7cquEEisGdg/DigitalClock.js"],"sourcesContent":["// DigitalClock component replicating the attached image: digital time in HH:MM:SS format with 'NY' suffix, black text, white background, left-aligned, large font.\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useState,startTransition}from\"react\";import{addPropertyControls,ControlType}from\"framer\";/**\n * Digital DigitalClock (NY style)\n *\n * @framerIntrinsicWidth 220\n * @framerIntrinsicHeight 36\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight fixed\n */export default function DigitalClock(props){const{background,textColor,font,suffix,timezone,timeFormat=\"24h:with-seconds\",style}=props;const[time,setTime]=useState(\"\");useEffect(()=>{function update(){const now=new Date;const tzDate=new Date(now.toLocaleString(\"en-US\",{timeZone:timezone}));let h=tzDate.getHours();let m=tzDate.getMinutes();let s=tzDate.getSeconds();let display=\"\";if(timeFormat===\"12h:with-seconds\"){const period=h>=12?\"PM\":\"AM\";h=h%12||12;display=`${String(h).padStart(2,\"0\")}:${String(m).padStart(2,\"0\")}:${String(s).padStart(2,\"0\")} ${period}`;}else if(timeFormat===\"12h:no-seconds\"){const period=h>=12?\"PM\":\"AM\";h=h%12||12;display=`${String(h).padStart(2,\"0\")}:${String(m).padStart(2,\"0\")} ${period}`;}else if(timeFormat===\"24h:no-seconds\"){display=`${String(h).padStart(2,\"0\")}:${String(m).padStart(2,\"0\")}`;}else{display=`${String(h).padStart(2,\"0\")}:${String(m).padStart(2,\"0\")}:${String(s).padStart(2,\"0\")}`;}startTransition(()=>setTime(display));}update();const interval=setInterval(update,1e3);return()=>clearInterval(interval);},[timezone,timeFormat]);return /*#__PURE__*/_jsxs(\"div\",{style:{...style,background,color:textColor,display:\"flex\",alignItems:\"center\",justifyContent:\"flex-start\",width:\"100%\",height:\"100%\",...font,fontFamily:font.fontFamily,fontSize:font.fontSize,fontWeight:font.fontWeight,letterSpacing:font.letterSpacing,lineHeight:font.lineHeight,fontStyle:font.fontStyle,padding:0,boxSizing:\"border-box\"},children:[/*#__PURE__*/_jsx(\"span\",{style:{fontVariantNumeric:\"tabular-nums\",fontFeatureSettings:'\"tnum\"'},children:time}),suffix&&/*#__PURE__*/_jsx(\"span\",{style:{marginLeft:2},children:suffix})]});}addPropertyControls(DigitalClock,{background:{type:ControlType.Color,title:\"Background\",defaultValue:\"#fff\"},textColor:{type:ControlType.Color,title:\"Text Color\",defaultValue:\"#000\"},font:{type:ControlType.Font,title:\"Font\",controls:\"extended\",defaultFontType:\"sans-serif\",defaultValue:{fontSize:32,variant:\"Regular\",letterSpacing:\"0em\",lineHeight:\"1em\",textAlign:\"left\"}},suffix:{type:ControlType.String,title:\"Suffix\",defaultValue:\"NY\",placeholder:\"e.g. NY, CA, UTC, 🇪🇬, ...\",displayTextArea:false,description:\"Custom label or abbreviation after the time (e.g. NY, CA, UTC, 🇪🇬)\"},timezone:{type:ControlType.Enum,title:\"Timezone\",options:[\"America/New_York\",\"Europe/London\",\"Europe/Paris\",\"Asia/Tokyo\",\"Asia/Shanghai\",\"Australia/Sydney\",\"America/Los_Angeles\",\"America/Chicago\",\"Africa/Cairo\",\"UTC\"],optionTitles:[\"New York\",\"London\",\"Paris\",\"Tokyo\",\"Shanghai\",\"Sydney\",\"Los Angeles\",\"Chicago\",\"Cairo\",\"UTC\"],defaultValue:\"America/New_York\"},timeFormat:{type:ControlType.Enum,title:\"Time Format\",options:[\"24h:with-seconds\",\"24h:no-seconds\",\"12h:with-seconds\",\"12h:no-seconds\"],optionTitles:[\"24h (HH:MM:SS)\",\"24h (HH:MM)\",\"12h (HH:MM:SS AM/PM)\",\"12h (HH:MM AM/PM)\"],defaultValue:\"24h:with-seconds\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"DigitalClock\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"36\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"220\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./DigitalClock.map"],"mappings":"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"}