import QtQuick 6.8
import QtQuick.Controls 6.8 as QC

QC.Slider {
    snapMode: Slider.SnapAlways

    implicitWidth: 130
    implicitHeight: 20

    OpacityAnimator on opacity{
        from: 0.7
        to: 1
        duration: 200
        target: parent
        running: this.hovered
    }
    OpacityAnimator on opacity{
        from: 1
        to: 0.7
        duration: 200
        target: parent
        running: !this.hovered
    }

    background: Rectangle {
        color: "#555"
        radius: 5
    }

    handle: Rectangle {
        x: this.leftPadding + this.visualPosition * (this.availableWidth - width)
        y: this.topPadding + this.availableHeight / 2 - height / 2
        width: 20
        height: 20
        radius: 10
        color: Colors.primary
    }
}