// Volume.qml
import QtQuick
import Quickshell
import QtQuick.Layouts
import Quickshell.Services.Pipewire
import "../classes" as Class
import "../../"

RowLayout {
  id: volume
  spacing:2
  layoutDirection: Qt.RightToLeft
  Layout.alignment: Qt.AlignVCenter
  PwObjectTracker {
    objects: [ Pipewire.defaultAudioSink ]
  }
  Class.TopbarText {
    id: vol_indicator
    text: Math.round((Pipewire.defaultAudioSink?.audio.volume ?? 0) * 100) + "%"
  }
  Class.TopbarIcon {
    id: vol_icon
    text: Resources.icons.volume //TODO make icon change based on volume levels
    rightPadding: 4
  }
  Class.TopSep {}
}