{
  layer = "top";
  position = "top";
  height = 24;

  modules-left = [
    "hyprland/window"
  ];
  modules-center = [ "wlr/workspaces" ];
  modules-right = [
    "backlight"
    "wireplumber"
    # "cpu"
    # "memory"
    "battery"
    "network"
    "tray"
    "clock"
  ];

  wireplumber = {
    tooltip = false;
    scroll-step = 5;
    format = "{icon}  {volume}%";
    format-muted = "{icon}  --";
    on-click = "wpctl set-mute @DEFAULT_AUDIO_SINK@ toggle"; # wpctl?
    format-icons = {
      default = [ "" "" "" ];
    };
  };

  "hyprland/window" = {
    format = "{}";
    separate-outputs = true;
  };

  "wlr/workspaces" = {
    format = "{icon}";
    on-click = "activate";
    format-icons = {
      "1" = "";
      "2" = "";
      "3" = "";
      "4" = "";
      "5" = "";
      urgent = "";
      active = "";
      default = "";
    };
    sort-by-number = true;
  };

  network = {
    tooltip = false;
    format-wifi = "  {essid}";
    format-ethernet = "";
  };

  backlight = {
    tooltip = false;
    format = "  {}%";
    interval = 1;
    on-scroll-up = "light -A 5";
    on-scroll-down = "light -U 5";
  };

  battery = {
    states = {
      good = 95;
      warning = 30;
      critical = 20;
    };
    format = "{icon}\t{capacity}%";
    format-charging = "  {capacity}%";
    format-plugged = "  {capacity}%";
    format-alt = "{time}  {icon}";
    format-icons = [ "" "" "" "" "" ];
  };

  tray = {
    icon-size = 24;
    spacing = 10;
  };

  clock = {
    format = "  {:%H:%M}";
    tooltip-format = "<span size='9pt' font='monospace'>{calendar}</span>";
    calendar = {
      mode = "month";
      weeks-pos = "right";
      format = {
        months = "<span color='#ffead3'><b>{}</b></span>";
        days = "<span color='#ecc6d9'><b>{}</b></span>";
        weeks = "<span color='#99ffdd'><b>W{}</b></span>";
        weekdays = "<span color='#ffcc66'><b>{}</b></span>";
        today = "<span color='#ff6699'><b><u>{}</u></b></span>";
      };
    };
  };

  cpu = {
    interval = 15;
    format = " {}%";
    max-length = 10;
  };

  memory = {
    interval = 30;
    format = " {}%";
    max-length = 10;
  };

  "custom/launcher" = {
    format = " ";
    on-click = "nwggrid";
  };

  "custom/power" = {
    format = "󰐥 ";
    on-click = "nwgbar";
  };
}