import QtQuick
import QtQuick.Layouts
import Quickshell.Io
import Quickshell.Services.Pipewire
import qs.Daemons
import qs.Modules
import ZShell.Config
import qs.Components
import qs.Services

MaterialIcon {
	id: speaker

	animate: true
	color: Audio.muted ? Colors.palette.m3error : Colors.palette.m3onSurface
	fill: 1
	font.pointSize: Tokens.font.size.larger
	text: Audio.muted ? "volume_off" : "volume_up"

	Behavior on Layout.maximumWidth {
		Anim {
		}
	}
	Behavior on opacity {
		Anim {
		}
	}
	Behavior on scale {
		Anim {
		}
	}

	StateLayer {
		onClicked: {
			Config.bar.border = (Config.bar.border === 4 ? 8 : 4);
		}
	}
}