{ config, lib, ... }:
with lib;
let
  cfg = config.mjallen.desktop.extra.nwg-dock;
  nord = import ../../theme/nord.nix;
in
{
  imports = [ ./options.nix ];

  config = mkIf cfg.enable {
    home.packages = with pkgs; [ nwg-dock-hyprland ];
    
    home.file = {
      ".config/nwg-dock-hyprland/drawer.css".text = ''
        window {
          background: ${nord.polarNight.nord0};
          border-radius: 10px;
          border-style: none;
          border-width: 1px;
          border-color: ${nord.aurora.nord15}b0
        }

        #box {
          /* Define attributes of the box surrounding icons here */
          padding: 10px
        }

        active {
          /* This is to underline the button representing the currently active window */
          border-bottom: solid 1px;
          border-color: ${nord.aurora.nord14}1a
        }

        button, image {
          background: none;
          border-style: none;
          box-shadow: none;
          color: ${nord.frost.nord10}
        }

        button {
          padding: 4px;
          margin-left: 4px;
          margin-right: 4px;
          color: #eee;
          font-size: 12px
        }

        button:hover {
          background-color: ${nord.polarNight.nord0}1a;
          border-radius: 2px;
        }

        button:focus {
          box-shadow: none
        }
      '';
    };
  };
}