import { createPoll } from "ags/time"

function formatTime(): string {
  const now = new Date()
  return now.toLocaleTimeString("fr-FR", {
    hour: "2-digit",
    minute: "2-digit",
    second: "2-digit",
  })
}

function formatDate(): string {
  const now = new Date()
  return now.toLocaleDateString("fr-FR", {
    weekday: "short",
    day: "numeric",
    month: "short",
  })
}

export default function Clock() {
  const time = createPoll("", 1000, () => formatTime())
  const date = createPoll("", 60000, () => formatDate())

  return (
    <box>
      <label class="clock" label={time} />
      <label class="separator" label="│" />
      <label class="date" label={date} />
    </box>
  )
}
