import { Clapperboard } from 'lucide-react';
import { JELLYFIN_SECTIONS } from './shared';
import { useJellyfinSection } from './useJellyfinSection';

// Panel header for the right (jellyfin-view) panel.

export const JellyfinViewHeader = () => {
  const section = useJellyfinSection();
  const label = JELLYFIN_SECTIONS.find((s) => s.id === section)?.label ?? 'Video';

  return (
    <>
      <Clapperboard className="h-3.5 w-3.5 shrink-0" />
      <span className="flex-1 truncate text-xs font-medium">{label}</span>
    </>
  );
};