import QtQuick.Controls as QQC
import QtQuick

QQC.Slider {
    anchors {
        left: parent.left
        right: parent.right
    }
    height: 24
    orientation: Qt.Horizontal
    handle: Rectangle {
        x: parent.visualPosition * (parent.availableWidth - width)
        y: parent.availableHeight / 2 - height / 2
        height: 16
        width: 4
        radius: width/2
    }
    background: Rectangle {
        height: 6
        anchors {
            verticalCenter: parent.verticalCenter
            left: parent.handle.right
            right: parent.right
            leftMargin: 4
        }
        color: "#333"
        topRightRadius: height/2
        bottomRightRadius: topRightRadius
    }
    Rectangle {
        height: 6
        anchors {
            verticalCenter: parent.verticalCenter
            left: parent.left
            right: parent.handle.left
            rightMargin: 4
        }
        color: "white"
        topLeftRadius: height/2
        bottomLeftRadius: topLeftRadius
    }
}