import { createSignal, createMemo, For, Show } from 'solid-js'
// Timer component to showcase Solid's fine-grained reactivity
function Timer() {
const [time, setTime] = createSignal(0)
const [running, setRunning] = createSignal(false)
let interval
const formattedTime = createMemo(() => {
const t = time()
const mins = Math.floor(t / 60)
const secs = t % 60
return `${mins.toString().padStart(2, '0')}:${secs.toString().padStart(2, '0')}`
})
const toggle = () => {
if (running()) {
clearInterval(interval)
setRunning(false)
} else {
interval = setInterval(() => setTime(t => t + 1), 1000)
setRunning(true)
}
}
const reset = () => {