{
  pkgs,
  config,
  lib,
  ...
}: {
  options = {
    component.swaylock.enable =
      lib.mkEnableOption "enable swaylock";
  };
  config = lib.mkIf config.component.swaylock.enable {
    programs.swaylock = {
      enable = true;
      package = pkgs.swaylock-effects;
      settings = {
        font = "${config.stylix.fonts.serif.name}";
        font-size = 25;
        indicator-radius = 100;
        indicator-thickness = 20;
        indicator-idle-visible = true;

        # -effect section
        screenshots = true;
        clock = true;
        effect-pixelate = 60;
        effect-vignette = "0.5:0.5";
      };
    };
  };
}