import { addPropertyControls, ControlType } from "framer"
import { useState, useEffect } from "react"
export default function Countdown() {
const target = new Date("2026-04-30T23:59:59")
const [t, setT] = useState({ d: 0, h: 0, m: 0, s: 0 })
useEffect(() => {
const tick = () => {
const diff = Math.max(0, target.getTime() - Date.now())
setT({
d: Math.floor(diff / 86400000),
h: Math.floor((diff % 86400000) / 3600000),
m: Math.floor((diff % 3600000) / 60000),
s: Math.floor((diff % 60000) / 1000),
})
}
tick()
const id = setInterval(tick, 1000)
return () => clearInterval(id)
}, [])
const unit = (val: number, label: string) => (
{String(val).padStart(2, "0")}
{label}
)
return (
Challenge closes
)
}
{unit(t.d, "days")}
:
{unit(t.h, "hrs")}
:
{unit(t.m, "min")}
:
{unit(t.s, "sec")}