pragma ComponentBehavior: Bound
import Quickshell
import QtQuick
import QtQuick.Effects
import qs
import qs.widgets
import qs.settings

Rectangle {
    id: root
    layer.enabled: true
    layer.effect: MultiEffect {
        id: dropShadow
        source: root
        shadowEnabled: true
        shadowHorizontalOffset: 4
        shadowVerticalOffset: 2
        shadowOpacity: 0.5
        shadowColor: "#020202"
    }
    clip: true
    required property double moduleHeight
    implicitHeight: moduleHeight
    implicitWidth: clockText.implicitWidth + 32
    color: Colors.moduleBg
    radius: Config.rounding
    SystemClock {
        id: clock
        precision: SystemClock.Seconds
    }
    StyledText {
        id: clockText
        anchors.centerIn: root
        text: Qt.formatDateTime(clock.date, "d.M.yy - hh:mm:ss")
    }
}