export const HourlyTime = (theWeather, getNextEpoch) => {
  return Widget.Label({
    class_name: "hourly-weather-time",
    label: theWeather.bind("value").as((w) => {
      if (!Object.keys(w).length) {
        return "-";
      }

      const nextEpoch = getNextEpoch(w);
      const dateAtEpoch = new Date(nextEpoch * 1000);
      let hours = dateAtEpoch.getHours();
      const ampm = hours >= 12 ? "PM" : "AM";
      hours = hours % 12 || 12;

      return `${hours}${ampm}`;
    }),
  });
};