import QtQuick 6.8
import QtQuick.Controls 6.8
import QtQuick.Controls.Basic 6.8

Slider {
    snapMode: Slider.SnapAlways

    implicitWidth: 130
    implicitHeight: 20

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

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

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

        border.color: "#999"
        border.width: parent.focused ? 3 : 0
    }
}