// import QtQuick 1.0 // to target S60 5th Edition or Maemo 5
import QtQuick 1.0

// ver. 1.01

Item {
    id: messageBox


    property string titleBox
    property string message

    property string leftButtonText
    property string rightButtonText
    //onRightButtonChanged:
   // onTitleBoxChanged: console.log("AAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAa"+title)
    signal rightClicked()
    signal leftClicked()

Rectangle{
    id: box
    width: parent.width
    height: parent.height
    color: "#272727"
    border.color: "#777777"
    border.width: 2
    radius: 22
    opacity: 0.75
    smooth: true

}







     Text{
         id: title
         color: "#d6d6d6"//"#ffffff"
         width: parent.width - 40
         anchors.top: parent.top
         anchors.topMargin: 8
         anchors.horizontalCenter: parent.horizontalCenter
         font.pointSize: 8
         font.bold: true
         wrapMode: Text.WordWrap
         text: titleBox

     }

     Rectangle{
         id: line
         width: parent.width - 40
         height: 2
         anchors.top: title.bottom
         anchors.topMargin: 3
         anchors.horizontalCenter: parent.horizontalCenter
         color: "#777777"
         opacity: 0.75
         smooth: true

     }

     Text{
         id: textMessage
         color: "#ffffff"
         width: parent.width - 40
         anchors.top: line.bottom
         anchors.topMargin: 10
         horizontalAlignment: Text.AlignHCenter
         anchors.horizontalCenter: parent.horizontalCenter
         font.pointSize: 7
         wrapMode: Text.WordWrap
         text: message

     }
     OpacityButton{
         id: leftButton
         width: box.width/2 - 24
         height: 50
         anchors.bottom: parent.bottom
         anchors.bottomMargin: 16
         anchors.left: box.left
         anchors.leftMargin: 16
         textLabel: leftButtonText
         boldState: true
         onClicked: messageBox.leftClicked()


     }

     OpacityButton{
         id: rightButton
         width: box.width/2 - 24
         height: 50
         anchors.bottom: parent.bottom
         anchors.bottomMargin: 16
         anchors.right: box.right
         anchors.rightMargin: 16
         textLabel: rightButtonText
         boldState: true
         onClicked: messageBox.rightClicked()


     }

}