pragma ComponentBehavior: Bound

import QtQuick
import QtQuick.Layouts
import qs.Components
import ZShell.Config
import qs.Services

ConnectedRect {
	id: root

	property real from: 0
	property real stepSize: 1
	property string subtext
	property alias text: label.text
	property real to: 99
	property real value

	signal moved(value: real)

	Layout.fillWidth: true
	implicitHeight: rowLayout.implicitHeight + rowLayout.anchors.margins * 2

	RowLayout {
		id: rowLayout

		anchors.fill: parent
		anchors.leftMargin: Tokens.padding.largeIncreased
		anchors.margins: Tokens.padding.small
		anchors.rightMargin: Tokens.padding.largeIncreased
		spacing: Tokens.spacing.small

		ColumnLayout {
			Layout.fillWidth: true
			spacing: 0

			CustomText {
				id: label

				Layout.fillWidth: true
				elide: Text.ElideRight
				font.pointSize: Tokens.font.size.smaller
			}

			CustomText {
				Layout.fillWidth: true
				color: Colors.palette.m3outline
				elide: Text.ElideRight
				font.pointSize: Tokens.font.size.small
				text: root.subtext
				visible: root.subtext
			}
		}

		CustomSpinBox {
			from: root.from
			stepSize: root.stepSize
			to: root.to
			value: root.value

			onValueModified: root.moved(value)
		}
	}
}