import QtQuick 2.4
import Ubuntu.Components 1.3
import Ubuntu.Components.Popups 1.3

MainView {
    backgroundColor: UbuntuColors.orange
    width: units.gu(50)
    height: units.gu(50)

    Button {
        text: "Kick me!"
        onClicked: PopupUtils.open(dc)
    }

    Component {
        id: dc

        Dialog {
            id: dialog

            Label {
                text: "The Label below has a text with default color."
                width: parent.width
                wrapMode: Text.WordWrap
                color: "black"
            }

            Label {
                text: "Muahaha I'm invisible"
                width: parent.width
                wrapMode: Text.WordWrap
            }

            Label {
                text: "The textfield below has a placeholder text"
                width: parent.width
                wrapMode: Text.WordWrap
                color: "black"
            }


            TextField {
                placeholderText: "Muahaha! I'm invisible"
            }

            Button {
                text: "close"
                onClicked: PopupUtils.close(dialog)
            }
        }
    }
}