'use client';

import { usePlayerMeta } from '../../context/selectors';

export function Artist() {
  const { artist, album } = usePlayerMeta();
  if (!artist && !album) return null;
  const text = [artist, album].filter(Boolean).join(' · ');
  return (
    <p className="truncate text-xs text-muted-foreground" title={text}>
      {text}
    </p>
  );
}