{ lib, config, ... }:
let
  name = "tray";
in
{
  options.modules.waybar = {
    modules = import ./addname.nix lib name;
    enabled.${name} = {
      enable = lib.mkEnableOption "enable ${name} waybar module";
    };
  };
  config = lib.mkIf config.modules.waybar.enabled.${name}.enable {
    programs.waybar = {
      settings.mainBar."${name}" = {
        spacing = 10;
      };
      style = ''
        #tray {
          color: #${config.colorScheme.palette.base04};
          margin: 0px 2px;
          padding: 4px 10px;
          border-radius: 999px 999px 999px 999px;
          box-shadow: inset 0px 0px 0 1px #${config.colorScheme.palette.base01};
        }

        #tray {
          background-color: transparent;
        }


        #tray > .passive {
          -gtk-icon-effect: dim;
        }

        #tray > .needs-attention {
          background-color: #${config.colorScheme.palette.base08};
          border-radius: 999px;
        }
      '';
    };
  };
}