// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.1
import com.nokia.symbian 1.1
import "UIConstants.js" as UI

Rectangle {
    height: parent.height
    width: parent.width / 3 - 7
    radius: 10
    color: "#313131"

    property alias title: buttonTitle.text
    property alias icon: buttonIcon.source

    signal buttonClicked()

    Column {
        anchors.fill: parent
        anchors.margins: 10
        spacing: 10

        Image {
            id: buttonIcon
            height: parent.height - 10 - 60
            width: height
            anchors.horizontalCenter: parent.horizontalCenter
        }

        Text {
            id: buttonTitle
            color: UI.COLOR_INVERTED_FOREGROUND
            width: parent.width
            wrapMode: Text.Wrap
            smooth: true
            font.pixelSize: UI.FONT_SLARGE
            horizontalAlignment: Text.AlignHCenter
        }
    }

    MouseArea {
        anchors.fill: parent
        onClicked: buttonClicked()
    }
}