import QtQuick
import Quickshell
import Quickshell.Widgets
import qs.Services
import qs.Theme

Rectangle {
  id: root

  readonly property real scaling: Scaling.scale(screen)
  property real size: Style.baseWidgetHeight * scaling
  property string icon
  property bool enabled: true
  property bool hovering: false

  implicitWidth: size
  implicitHeight: size
  radius: width * 0.5

  color: root.hovering ? Theme.accentPrimary : "transparent"

  Text {
    id: iconText
    anchors.centerIn: parent
    text: root.icon
    font.family: "Material Symbols Outlined"
    font.pointSize: Style.fontExtraLarge * scaling
    color: root.hovering ? Theme.onAccent : Theme.textPrimary
    horizontalAlignment: Text.AlignHCenter
    verticalAlignment: Text.AlignVCenter
    opacity: root.enabled ? 1.0 : 0.5
  }

  MouseArea {
    anchors.fill: parent
    cursorShape: Qt.PointingHandCursor
    hoverEnabled: true
    onEntered: hovering = true
    onExited: hovering = false
  }
}