{ config, pkgs, lib, ... }:

{
  programs.waybar = {
    enable = true;
    systemd.enable = true;
    settings = [{
      layer = "top";
      position = "top";
      height = 20;
      modules-left = ["sway/workspaces" "sway/mode"];
      modules-center = ["sway/window"];
      modules-right = [ "network" "pulseaudio" "clock" ];
      modules = {
        "network" = {
          format-wifi = "{essid} ({signalStrength}%)";
          format-ethernet = "{ifname}: {ipaddr}";
          format-disconnected = "Disconnected";
        };
        "pulseaudio" = {
          format = "{volume}%";
        };
        "clock" = {
          format = "{:%a %d %b %H:%M}";
        };
      };
    }];

    style = ''
    * {
      border: none;
      border-radius: 0;
      min-height: 0;
      margin: 0;
      padding: 0;
    }

    #waybar {
      background: #000000;
      color: white;
      font-family: Source Code Pro;
      font-size: 12px;
    }

    #clock,
    #mode,
    #network,
    #pulseaudio {
      padding-left: 10px;
      padding-right: 10px;
    }

    #clock {
      font-weight: bold;
    }

    #mode {
      background: #64727D;
      border-top: 2px solid white;
      padding-bottom: 2px;
    }

    #network {
    }

    #network.disconnected {
      color: orange;
    }

    #pulseaudio {
    }

    #pulseaudio.muted {
    }

    #window {
      font-weight: bold;
    }

    #workspaces button {
      border-top: 2px solid transparent;
      /* To compensate for the top border and still have vertical centering */
      padding-bottom: 2px;
      padding-left: 10px;
      padding-right: 10px;
      color: #888888;
    }

    #workspaces button.focused {
      border-color: #4c7899;
      color: white;
      background-color: #285577;
    }

    #workspaces button.urgent {
      border-color: #c9545d;
      color: #c9545d;
    }
    '';
  };
}