import Quickshell
import Quickshell.Io
import Quickshell.Wayland
import QtQuick
import QtQuick.Effects
import "./emojis.mjs" as Emojis

PanelWindow {
    anchors {
        top: true
    }
    implicitHeight: 400
    implicitWidth: 1000
    exclusionMode: ExclusionMode.Ignore
    color: "transparent"
    WlrLayershell.layer: WlrLayershell.Overlay
    WlrLayershell.keyboardFocus: WlrKeyboardFocus.Exclusive
    Rectangle {
        anchors {
            top: parent.top
            horizontalCenter: parent.horizontalCenter
            topMargin: 100
        }
        color: "#181818"
        Keys.onEscapePressed: Qt.quit()
        height: 60
        width: 700
        radius: 12
        RectangularShadow {
            z: -1
            anchors.fill: parent
            blur: 10
            spread: 2
        }
        Rectangle {
            anchors {
                top: parent.top
                left: parent.left
                right: parent.right
                margins: 6
            }
            height: 48
            color: "#222222"
            radius: 10
            TextInput {
                id: input
                anchors.verticalCenter: parent.verticalCenter
                focus: true
                font.pixelSize: 20
                x: parent.width/2 - this.width/2
                Behavior on x {NumberAnimation {duration: 300; easing.type: Easing.OutQuint}}
                cursorDelegate: Item {}
                color: "white"
            }
        }
    }
}