import QtQuick 2.13
import QtQuick.Controls 2.13
import QtQuick.Layouts 1.13
import "../../../../imports"
import "../../../../shared"
import "../../../../shared/status"

Item {
    id: soundsContainer
    Layout.fillHeight: true
    Layout.fillWidth: true
    clip: true

    Item {
        width: profileContainer.profileContentWidth

        anchors.horizontalCenter: parent.horizontalCenter

        StyledText {
            id: labelVolume
            anchors.top: parent.top
            anchors.topMargin: 24
            anchors.left: parent.left
            anchors.leftMargin: 24
            //% "Sound volume"
            text: qsTrId("sound-volume") + " " + volume.value
            font.pixelSize: 15
        }

        StatusSlider {
            id: volume
            anchors.top: labelVolume.bottom
            anchors.topMargin: Style.current.padding
            anchors.left: parent.left
            anchors.leftMargin: 24
            minimumValue: 0.0
            maximumValue: 1.0
            value: appSettings.volume
            stepSize: 0.1
            onValueChanged: {
                appSettings.volume = volume.value
            }
        }
    }
}

/*##^##
Designer {
    D{i:0;autoSize:true;height:480;width:640}
}
##^##*/