import QtQuick 2.0

Item {
    id: container
    property var model
    property var spacing: 20
    Row{
        id: buttons
        anchors.centerIn: parent
        spacing: container.spacing

        RoundImageButton{
            id: previous
            anchors.verticalCenter: parent.verticalCenter

            diameter: 60
            imageSource: "qrc:/icon_previous"

            enabled: model.pHasPrevious

            onClicked:{
                model.playPrevious();
            }
        }
        RoundImageButton{
            id: playPause
            anchors.verticalCenter: parent.verticalCenter
            diameter: 80
            imageSource: model.pIsPlaying ? "qrc:/icon_pause" : "qrc:/icon_play"

            onClicked:{
                model.playPause();
            }
        }
        RoundImageButton{
            id: stop
            anchors.verticalCenter: parent.verticalCenter

            diameter: 60
            imageSource: "qrc:/icon_stop"

            enabled: model.pIsPlaying

            onClicked:{
                model.stopMusic();
            }
        }
        RoundImageButton{
            id: next
            anchors.verticalCenter: parent.verticalCenter

            diameter: 60
            imageSource: "qrc:/icon_next"

            enabled: model.pHasNext

            onClicked:{
                model.playNext();
            }
        }
    } //Row
}