import QtQuick
import Quickshell.Widgets
import qs.Services
import qs.Common
import qs.Common.Styled

Item {
    property var monitor: ""

    MarginWrapperManager {
        rightMargin: Theme.gaps
        leftMargin: Theme.gaps
    }

    BackgroundRectangle {
        id: clock

        implicitWidth: clockText.implicitWidth * 1.6
        implicitHeight: Theme.heightGaps

        StyledText {
            id: clockText

            anchors.centerIn: parent
            text: Time.time
        }

        MouseArea {
            anchors.fill: parent
            hoverEnabled: true
            onEntered: {
                PopUpHover.start(clock, "time");
            }
            onExited: {
                PopUpHover.exit();
            }
        }
    }
}