{
  config,
  lib,
  pkgs,
  namespace,
  ...
}:
with lib;
let
  cfg = config.${namespace}.programs.nwg-drawer;
in
{
  imports = [ ./options.nix ];

  config = mkIf cfg.enable {
    home.packages = with pkgs; [ nwg-drawer ];

    home.file = {
      ".config/nwg-drawer/drawer.css".text = ''
        window {
            background-color: ${config.lib.stylix.colors.base00}bf;
            color: ${config.lib.stylix.colors.base05}00
        }

        /* search entry */
        entry {
            background-color: ${config.lib.stylix.colors.base01}0f
        }

        button, image {
            background: none;
            border: none
        }

        button:hover {
            background-color: ${config.lib.stylix.colors.base0F}1a
        }

        /* in case you wanted to give category buttons a different look */
        #category-button {
            margin: 0 10px 0 10px
        }

        #pinned-box {
            padding-bottom: 5px;
            border-bottom: 1px dotted ${config.lib.stylix.colors.base03}
        }

        #files-box {
            padding: 5px;
            border: 1px dotted ${config.lib.stylix.colors.base03};
            border-radius: 15px
        }
      '';
    };
  };
}