import QtQuick 2.0
import QtQuick.Controls 2.4

/**
 * @brief Round button containing an image
 */
Button {
    id: container
    property alias imageSource: image.source
    // default button diameter -> default width, readonly
    readonly property int defaultDiameter: StyleSizes.roundButtonDefaultSize
    // button diameter -> width
    property int diameter: defaultDiameter
    // diameter of content image -> width
    property int imageDiameter: 0.5*diameter

    background: Rectangle{

        border.width: StyleSizes.roundButtonBorderWidth
        border.color: "grey"

        color: "white"

        implicitWidth: container.diameter
        implicitHeight: container.diameter
        radius: container.diameter/2

        Image{
            id: image
            anchors.centerIn: parent
            width: container.imageDiameter
            height: width
            source: "qrc:/icon_back"
        }
        Rectangle{
            id: overlay
            z: 1
            visible: !container.enabled
            anchors.centerIn: parent
            width: image.width
            height: width
            color: "#99ffffff"
        }

    }
}