import Wp from "gi://AstalWp";
import { bind } from "astal";

export default function Volume() {
  const speaker = Wp.get_default()?.audio.defaultSpeaker!;
  const microphone = Wp.get_default()?.audio.defaultMicrophone!;
  return (
    <button className="VolumeMenuButton" onClicked="pavucontrol">
      <box className="VolumeBlock">
        <icon className="VolumeIcon" icon={bind(speaker, "volumeIcon")} />
        <icon className="VolumeIcon" icon={bind(microphone, "volumeIcon")} />
      </box>
    </button>
  );
}