import Quickshell
import Quickshell.Io
import QtQuick
import QtQuick.Layouts
import Quickshell.Widgets
import Quickshell.Services.Pipewire

Item {
    id: root
    property PwNode speakerNode: Pipewire.defaultAudioSink
    property PwNode microphoneNode: Pipewire.defaultAudioSource
    PwObjectTracker { objects: [ root.microphoneNode, root.speakerNode ] }

    width: row.width
    height: row.height

    // console.log("a");

    RowLayout {
        id: row

        IconImage {
            // anchors.centerIn: parent
            implicitSize: 27
            source: "root:/assets/bar/Speaker.svg"
        }


            Text {
                id: text
                text: root.speakerNode.audio.muted ? "0%" : root.speakerNode.audio.volume * 100 + "%"
                font.pointSize: 10.75
                color: root.speakerNode.audio.muted ? "red" : "#FFFFFF"
            }

        IconImage {
            implicitSize: 26
            source: "root:/assets/bar/Mic.svg"
        }

        Text {
            text: parseInt(root.microphoneNode.audio.muted ? "0" : root.microphoneNode.audio.volume * 100) + "%"
            font.pointSize: 10.75
            color: root.microphoneNode.audio.muted ? "red" : "#FFFFFF"
        }
    }
}