import Quickshell 
import QtQuick 
import Quickshell.Io
import Quickshell.Hyprland
import QtQuick.Layouts
import Quickshell.Services.Mpris
import "root:/singeltons"

PanelWindow {
  required property ShellScreen modelData
  screen: modelData

  anchors {
    top: true
    left: true
    right: true
  }

  height: 30

  color: "transparent" 
  
  Pill {
    Workspaces {}
  }
  
  Pill {
    anchors.centerIn: parent

    Text {
      text: Time.time

      color: "white"
      font.pixelSize: 14
    }
  }

  Pill {
    anchors.verticalCenter: parent.verticalCenter
    anchors.right: music.left
    anchors.rightMargin: 10
    Volume {}
  }

  Pill {
    id: music

    anchors.right: parent.right
    anchors.rightMargin: 10
    Music {
      player: Mpris.players.values[0]
    }
  }
}