import QtQuick
import QtQuick.Controls.Basic
import qs.settings
import qs

Slider {
    id: control
    value: 0.5

    background: Rectangle {
        x: control.leftPadding
        y: control.topPadding + control.availableHeight / 2 - height / 2
        implicitWidth: 200
        implicitHeight: 2
        width: control.availableWidth
        height: implicitHeight
        radius: 2
        color: Colors.c.base00

        Rectangle {
            width: control.visualPosition * parent.width
            height: parent.height
            color: Colors.c.base03
            radius: Config.cfg.appearance.rounding
        }
    }

    handle: Rectangle {
        x: control.leftPadding + control.visualPosition * (control.availableWidth - width)
        y: control.topPadding + control.availableHeight / 2 - height / 2
        implicitWidth: Config.cfg.appearance.iconSize
        implicitHeight: Config.cfg.appearance.iconSize
        radius: Config.cfg.appearance.rounding
        color: control.pressed ? Colors.c.base0D : Colors.c.base04
    }
}