import Quickshell
import Quickshell.Widgets
import QtQuick
import Qt5Compat.GraphicalEffects
import qs.settings
import qs
import qs.widgets

WrapperRectangle {
    id: root
    margin: Settings.config.barmargins
    layer {
        enabled: true
        effect: DropShadow {
            color: Colors.base01
            radius: 4
            verticalOffset: 2
            horizontalOffset: 2
            samples: 18
        }
    }
    color: Colors.base02
    radius: Settings.config.rounding
    implicitWidth: clockText.implicitWidth + 20
    implicitHeight: Settings.config.barHeight - margin * 2
    SystemClock {
        id: clock
        precision: SystemClock.Minutes
    }
    child: Item {
        id: textWrap

        CText {
            id: clockText
            text: Qt.formatDateTime(clock.date, "hh:mm")
            anchors.centerIn: parent
        }
    }
}