import { GLib, Variable } from "astal";

export const Time = () => {
  const time = Variable("").poll(
    1000,
    () => GLib.DateTime.new_now_local().format("%I:%M:%S %p")!,
  );

  return (
    <label cssClasses={["time"]} onDestroy={() => time.drop()} label={time()} />
  );
};