import QtQuick 2.0
import QtQuick.Layouts 1.3

RowLayout{
    id: container
    property var model
    property var spacing: StyleSpacings.defaultSpacing

    RoundImageButton{
        id: previous
        Layout.alignment: Qt.AlignVCenter

        diameter: StyleSizes.smallPlayerButtonSize //60
        imageSource: "qrc:/icon_previous"

        enabled: model.pHasPrevious

        onClicked:{
            model.playPrevious();
        }
    }
    RoundImageButton{
        id: playPause
        Layout.alignment: Qt.AlignVCenter
        diameter: StyleSizes.largePlayerButtonSize
        imageSource: model.pIsPlaying ? "qrc:/icon_pause" : "qrc:/icon_play"

        onClicked:{
            model.playPause();
        }
    }
    RoundImageButton{
        id: stop
        Layout.alignment: Qt.AlignVCenter

        diameter: StyleSizes.smallPlayerButtonSize
        imageSource: "qrc:/icon_stop"

        enabled: model.pIsPlaying

        onClicked:{
            model.stopMusic();
        }
    }
    RoundImageButton{
        id: next
        Layout.alignment: Qt.AlignVCenter

        diameter: StyleSizes.smallPlayerButtonSize
        imageSource: "qrc:/icon_next"

        enabled: model.pHasNext

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