{ pkgs, config, ... }:

let
  inherit (config.home) homeDirectory;
  inherit (config.lib.stylix.colors.withHashtag) base00 base05;

  inherit (config.xdg.userDirs)
    download
    documents
    music
    pictures
    videos
    ;

  fluent-icons = pkgs.callPackage ../packages/fluent-icons.nix { };
in
{
  home.packages = with pkgs; [ eww ];

  xdg.configFile = {
    "eww/eww.yuck".text = # yuck
      ''
        (defwidget icons []
          (box :orientation "h" :spacing 32
            (icon :img "default-user-home" :exec "${homeDirectory}")
            (icon :img "default-folder-download" :exec "${download}")
            (icon :img "default-folder-documents" :exec "${documents}")
            (icon :img "default-folder-music" :exec "${music}")
            (icon :img "default-folder-pictures" :exec "${pictures}")
            (icon :img "default-folder-video" :exec "${videos}")))

        (defwidget icon [img exec]
          (eventbox :cursor "pointer" :onclick "lnch thunar ''${exec}" :tooltip "''${exec}"
            (image :path "${fluent-icons}/''${img}.png" :image-width 128)))

        (defwindow desktop-icons
          :monitor 0
          :geometry (geometry :x "32px" :anchor "bottom center"
                              :y "8px")
          :stacking "bg"
          (icons))

        (defpoll time :interval "1s"
          "date '+%H:%M'")

        (defwindow overlay
          :monitor 0
          :geometry (geometry :y "4px" :x "8px" :anchor "bottom right")
          :stacking "fg"
          time)
      '';

    "eww/eww.scss".text = # scss
      ''
        img {
          all: unset;
        }

        .desktop-icons {
          all: unset;
        }

        .overlay {
          background: transparent;
          color: ${base05};
          font-weight: bold;
          text-shadow: 0 0 0.075em ${base00};
          font-size: 32px;
          opacity: 0.4;
        }
      '';
  };
}