import QtQuick 1.0
import com.nokia.meego 1.0

Item {
    anchors {left: parent.left; right: parent.right}
    height: custom.height
    property string placeHolder: ""
    property alias text: custom.text

//    Rectangle {
//        id: suggestionBubble
//        radius: 10
//        color: "lightgrey"
//        anchors {left: parent.left; right: custom.right; bottom: custom.top; bottomMargin:5}
//        height: 100

//        visible: custom.activeFocus

//        Text {
//            font.pointSize: 14
//            color: "darkgrey"
//            anchors {fill: parent; margins: 10}
//            wrapMode: "Wrap"
//            text: "Enter a URL (http:// or https://) or a search term: \n" /* + custom.text*/
//        }
//    }

    TextField {
        id: custom
        anchors {left: parent.left; right: parent.right; rightMargin: 10}

        placeholderText: parent.placeHolder
        platformStyle: TextFieldStyle { paddingRight: clearButton.width }
        Image {
            id: clearButton
            anchors.right: parent.right
            anchors.verticalCenter: parent.verticalCenter
            source: "image://theme/icon-m-input-clear"
            MouseArea {
                anchors.fill: parent
                onClicked: {
                    inputContext.reset();
                    custom.text = "";
                }
            }
        }
    }
}