import Quickshell // for PanelWindow
import QtQuick // for Text
import QtQuick.Shapes
import QtQuick.Controls
import QtQuick.Layouts
import Quickshell.Io
import Quickshell.Widgets
import Quickshell.Wayland
import Quickshell.Hyprland

ColumnLayout {

    spacing: -1

    id: root

    WrapperMouseArea {
        id: topRectArea
        Rectangle {
            id: topRect
            color: Pywal.special.background
            anchors.fill: parent
        }
        implicitHeight: 10
        implicitWidth: parent.width

        hoverEnabled: true
        onEntered: {
            root.showDash = true
        }
    }

    property bool showDash: false

    required property real radius
    
    property real cornerY: topRectArea.height - 1
    
    //property real reserve: midFO.visible ? root.height : topRectArea.height
    property real reserve: topRectArea.height

    property QsWindow window

    property Item topRectArea: topRectArea
    property Item midFO: midFO


    VFlyout {
        id: midFO

        radius: root.radius

        Layout.alignment: Qt.AlignHCenter

        color: Pywal.special.background

        visible: true

        item: mid

        onEntered: visible = false

        RowLayout {
            id: mid

            Clock {
                id: clock
            }

        }
    }
}