import {
  createPresenceClient,
  getSpotifyNowPlaying,
  getSpotifyActivity,
} from "@iconical/presencekit";

const result = await createPresenceClient().getPresence("123456789012345678");
const track = result.spotify ?? getSpotifyNowPlaying(result.presence);

if (track) {
  console.log(track.song);
  console.log(track.artist, track.artists);
  console.log(track.album, track.albumArtUrl);
  console.log(track.trackUrl, track.durationMs, track.progressMs);
}

const rawActivity = getSpotifyActivity(result.presence);
console.log(rawActivity?.details);

"use client";
import { usePresence } from "@iconical/presencekit/react";
import { SpotifyCard } from "@iconical/presencekit/react-ui";

export function NowPlaying({ userId }: { userId: string }) {
  const { data, loading, error } = usePresence({ userId });
  if (loading) return <p>Loading song…</p>;
  if (error || !data?.spotify) return <p>Not listening to Spotify.</p>;
  return <SpotifyCard track={data.spotify} theme={{ accent: "#ac1c23" }} />;
}