{
  config,
  pkgs,
  ...
}: {
  # Ensure waybar is installed
  environment.systemPackages = with pkgs; [waybar];

  # Configure Waybar
  environment.etc."xdg/waybar/config".text = ''
    {
        "layer": "top",
        "position": "top",
        "height": 30,
        "spacing": 4,
        "modules-left": ["niri/workspaces"],
        "modules-center": [],
        "modules-right": ["network", "clock"],
        "sway/workspaces": {
            "disable-scroll": false,
            "all-outputs": true,
            "format": "{name}",
            "format-icons": {
                "1": "1",
                "2": "2",
                "3": "3",
                "4": "4",
                "5": "5",
                "urgent": "",
                "focused": "",
                "default": ""
            }
        },
        "clock": {
            "timezone": "Europe/Oslo",
            "format": "{:%H:%M}",
            "format-alt": "{:%Y-%m-%d %H:%M:%S}",
            "tooltip-format": "<tt><small>{calendar}</small></tt>",
            "calendar": {
                "mode": "year",
                "mode-mon-col": 3,
                "weeks-pos": "right",
                "on-scroll": 1,
                "on-click-right": "mode",
                "format": {
                    "months": "<span color='#ffead3'><b>{}</b></span>",
                    "days": "<span color='#ecc6d9'><b>{}</b></span>",
                    "weeks": "<span color='#99ffdd'><b>W{}</b></span>",
                    "weekdays": "<span color='#ffcc66'><b>{}</b></span>",
                    "today": "<span color='#ff6699'><b><u>{}</u></b></span>"
                }
            },
            "actions": {
                "on-click-right": "mode",
                "on-click-forward": "tz_up",
                "on-click-backward": "tz_down",
                "on-scroll-up": "shift_up",
                "on-scroll-down": "shift_down"
            }
        },
        "network": {
            "format-wifi": "{essid} ({signalStrength}%) ",
            "format-ethernet": "{ipaddr}/{cidr} ",
            "tooltip-format": "{ifname} via {gwaddr} ",
            "format-linked": "{ifname} (No IP) ",
            "format-disconnected": "Disconnected ⚠",
            "format-alt": "{ifname}: {ipaddr}/{cidr}"
        }
    }
  '';

  # Style for Waybar
  environment.etc."xdg/waybar/style.css".text = ''
    * {
        border: none;
        border-radius: 0;
        font-family: 'Inter', 'Font Awesome 6 Free';
        font-size: 13px;
        min-height: 0;
    }

    window#waybar {
        background-color: rgba(43, 48, 59, 0.9);
        border-bottom: 3px solid rgba(100, 114, 125, 0.5);
        color: #ffffff;
        transition-property: background-color;
        transition-duration: 0.5s;
    }

    window#waybar.hidden {
        opacity: 0.2;
    }

    #workspaces {
        margin: 0 4px;
    }

    #workspaces button {
        padding: 0 8px;
        background-color: transparent;
        color: #ffffff;
        border-bottom: 3px solid transparent;
        transition: all 0.3s ease;
    }

    #workspaces button:hover {
        background: rgba(0, 0, 0, 0.2);
    }

    #workspaces button.focused {
        background-color: #64727D;
        border-bottom: 3px solid #ffffff;
    }

    #workspaces button.urgent {
        background-color: #eb4d4b;
        color: #ffffff;
    }

    #clock,
    #network {
        padding: 0 10px;
        color: #ffffff;
    }

    #clock {
        background-color: #64727D;
        border-radius: 0 8px 8px 0;
    }

    #network {
        background-color: #2980b9;
        border-radius: 8px 0 0 8px;
    }

    #network.disconnected {
        background-color: #f53c3c;
    }

    @keyframes blink {
        to {
            background-color: #ffffff;
            color: #000000;
        }
    }

    #network.disconnected {
        animation-name: blink;
        animation-duration: 0.5s;
        animation-timing-function: linear;
        animation-iteration-count: infinite;
        animation-direction: alternate;
    }
  '';
}