import QtQuick

// Mirrors eww clock-widget: click to toggle time ↔ date
Rectangle {
    id: root
    property string clockTime: ""
    property string clockDate: ""

    property bool showDate: false

    implicitWidth:  lbl.implicitWidth + 32
    implicitHeight: 36
    radius: 4
    //color: '#3b8ab4'
    color: '#ad5190'
    Text {
        id: lbl
        anchors.centerIn: parent
        text: root.showDate ? root.clockDate : root.clockTime
        color: '#ffffff'
        font.pixelSize: 12
        font.family: "monospace"
    }

    MouseArea {
        anchors.fill: parent
        onClicked: root.showDate = !root.showDate
    }
}