{ pkgs, inputs, config, ... }:
{
  programs.waybar = {
    enable = true;
    settings = {
      mainBar =
        let
          gap = 0;
        in
        {
          layer = "top";
          position = "top";

          margin-top = gap;
          margin-left = gap;
          margin-right = gap;

          modules-left = [ "sway/workspaces" ];
          modules-center = [ ];
          modules-right = [
            "cpu"
            "wireplumber"
            "battery"
            "clock"
          ];

          clock = {
            format = "{:%a %b %d %I:%M:%S}";
            interval = 1;
            tooltip-format = "<tt>{calendar}</tt>";
          };

          cpu = {
            format = " {usage}%";
          };

          battery = {
            format = "{icon} {capacity}%";
            format-icons = {
              default = [
                "󰂎"
                "󰁺"
                "󰁻"
                "󰁼"
                "󰁽"
                "󰁾"
                "󰁿"
                "󰂀"
                "󰂁"
                "󰂂"
                "󰁹"
              ];

              charging = [
                "󰢜"
                "󰂆"
                "󰂇"
                "󰂈"
                "󰢝"
                "󰂉"
                "󰢞"
                "󰂊"
                "󰂋"
                "󰂅"
              ];
           };


            states = {
              low = 20;
            };
          };

          wireplumber = {
            format = "󰋋 {volume}%";
            format-muted = "󰟎 {volume}%";
            on-click = "wpctl set-mute @DEFAULT_SINK@ toggle";
            max-volume = 150;
            scroll-step = 1;
          };

        };
    };
    style = ''
      .module {
        padding: 0px 15px 0px;
      }
      
      #workspaces button {
        font-family: ${config.theme.font.family};
        font-size: ${builtins.toString config.theme.font.size}px;
        font-weight: normal;
      }

      #workspaces button.focused {
      }

      #workspaces button:hover {
        font-weight: bold;
        box-shadow: none;
        text-shadow: inherit;
        background: none;
        transition: none;
      }

    '';
  };

  wayland.windowManager.sway.config.bars = [
    {
      command = "waybar";
    }
  ];
}