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

Slider {
    snapMode: Slider.SnapAlways

    property real buffered

    implicitWidth: 130
    implicitHeight: 20

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

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

        Rectangle {
            anchors.left: parent.left
            anchors.top: parent.top
            anchors.bottom: parent.bottom

            visible: parent.parent.buffered != 0
            width: parent.width * parent.parent.buffered
            color: "#888"
            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
    }
}