import QtQuick
import Quickshell.Widgets

Rectangle {
    id: root

    property color blockColor: "#0288d1"
    property color textColor: "#ffffff"
    property bool interactive: false
    property string text: ""
    property string fontFamily: "SF Pro Display, Font Awesome 6 Free"
    property string secondaryIcon: ""
    property string secondaryText: ""
    signal clicked(var mouse)
    signal wheel(var wheel)

    implicitWidth: content.implicitWidth + 20
    implicitHeight: 32
    color: blockColor

    Row {
        id: content
        anchors.centerIn: parent
        spacing: 7

        Text {
            text: root.text
            color: root.textColor
            font.family: root.fontFamily
            font.pixelSize: 18
        }

        IconImage {
            width: 18
            height: 18
            anchors.verticalCenter: parent.verticalCenter
            visible: root.secondaryIcon !== ""
            source: root.secondaryIcon
        }

        Text {
            anchors.verticalCenter: parent.verticalCenter
            visible: root.secondaryText !== ""
            text: root.secondaryText
            color: root.textColor
            font.family: root.fontFamily
            font.pixelSize: 18
        }
    }

    MouseArea {
        anchors.fill: parent
        enabled: root.interactive
        acceptedButtons: Qt.LeftButton | Qt.MiddleButton | Qt.RightButton
        cursorShape: Qt.PointingHandCursor
        onClicked: mouse => root.clicked(mouse)
        onWheel: wheel => root.wheel(wheel)
    }
}