{
  config,
  lib,
  pkgs,
  namespace, 
  ...
}:
with lib;
let
  cfg = config.${namespace}.programs.nwg-dock;
  palette = import cfg.theme.file;
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: ${config.lib.stylix.colors.base00};
          border-radius: 10px;
          border-style: none;
          border-width: 1px;
          border-color: ${config.lib.stylix.colors.base0E}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: ${config.lib.stylix.colors.base0B}1a
        }

        button, image {
          background: none;
          border-style: none;
          box-shadow: none;
          color: ${config.lib.stylix.colors.base0F}
        }

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

        button:hover {
          background-color: ${config.lib.stylix.colors.base00}1a;
          border-radius: 2px;
        }

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