{
  config,
  pkgs,
  ...
}:

{

  home.packages = [
    pkgs.tgc.wleave
  ];

  xdg.configFile."wleave/layout.json".text = builtins.toJSON {
    no-version-info = true;
    css = "${config.xdg.configHome}/wleave/style.css";
    close-on-lost-focus = true;
    buttons-per-row = "1/1";
    margin-top = 380;
    margin-bottom = 380;
    buttons = [
      {
        label = "lock";
        icon = "${pkgs.tgc.wleave}/share/wleave/icons/lock.svg";
        action = "loginctl lock-session";
        text = "Lock";
        keybind = "l";
      }
      {
        label = "suspend";
        icon = "${pkgs.tgc.wleave}/share/wleave/icons/suspend.svg";
        action = "systemctl suspend";
        text = "Suspend";
        keybind = "u";
      }
      {
        label = "logout";
        icon = "${pkgs.tgc.wleave}/share/wleave/icons/logout.svg";
        action = "loginctl terminate-user $USER";
        text = "Logout";
        keybind = "e";
      }
      {
        label = "shutdown";
        icon = "${pkgs.tgc.wleave}/share/wleave/icons/shutdown.svg";
        action = "systemctl poweroff";
        text = "Shutdown";
        keybind = "s";
      }
      {
        label = "reboot";
        icon = "${pkgs.tgc.wleave}/share/wleave/icons/reboot.svg";
        action = "systemctl reboot";
        text = "Reboot";
        keybind = "r";
      }
    ];
  };

  home.file."${config.xdg.configHome}/wleave/style.css".text = ''
    * {
      font-family: "Adwaita Sans", "Symbols Nerd Font";
      outline: none;
      color: white;
    }

    window {
      background-color: @background-color;
    }

    button {
      color: rgb(190, 190, 190);
      background: @button-color;
      border: 1px solid @border-color;
      border-radius: 10px;
      padding: 10px;
      margin: 10px;
    }

    button:hover {
      border-color: @border-color;
      background: @button-hover-color;
    }

    button:focus {
      border: 2px solid @accent-border-color;
      background: @button-hover-color;
    }

    button label.action-name {
      margin-top: 20px;
      font-size: 18pt;
      font-weight: 300;
    }
  '';

}