import QtQuick
import Quickshell
import Quickshell.Widgets
import Quickshell.Io
import "../../notification/notificationServer/"
import "../../../config"

MouseArea {
    id: notificationButton
    width: Math.max(bar.height, notificationText.width + Config.spacing)
    height: bar.height
    hoverEnabled: true
    cursorShape: Qt.PointingHandCursor

    onClicked: {
        menuProc.running = true
    }
    
    Rectangle {
        anchors.fill: parent
        color: "transparent"
        radius: Config.radius_fun(notificationButton.height)

        Text {
            id: notificationText
            anchors.centerIn: parent
            text: Quickshell.iconPath("discord") 
            // text: "󰂚"
            font.pixelSize: Config.bigIconSize(notificationButton.height)
            font.family: Config.font
            color: Colors.secondaryContainer_fg
        }

        Image{
            id: iconImage
            source: Quickshell.iconPath("discord")
            width: Config.bigIconSize(notificationButton.height)
            height: Config.bigIconSize(notificationButton.height)
        }
    }
}