import QtQuick
import qs.Components
import qs.Helpers
import qs.Config

CustomRect {
	id: root

	required property bool horizontal
	property bool tempEnabled: Hyprsunset.enabled

	color: root.tempEnabled ? DynamicColors.palette.m3primary : DynamicColors.tPalette.m3surfaceContainer
	implicitHeight: horizontal ? Config.bar.height : width
	implicitWidth: horizontal ? height : Config.bar.height
	radius: Appearance.rounding.full

	StateLayer {
		onClicked: {
			Hyprsunset.toggleNightLight();
			Hyprsunset.manualToggle = true;
		}
	}

	MaterialIcon {
		anchors.centerIn: parent
		animate: true
		color: root.tempEnabled ? DynamicColors.palette.m3onPrimary : DynamicColors.palette.m3onSurface
		fill: root.tempEnabled ? 1 : 0
		font.pointSize: root.horizontal ? Appearance.font.size.larger : Appearance.font.size.large
		text: root.tempEnabled ? "lightbulb" : "light_off"

		Behavior on fill {
			Anim {
			}
		}
	}
}