import { catalogById } from '@bg/shared/lite';
import { useSession } from '../store/session';

/** Display name with admin overrides applied. */
export function gameName(id: string): string {
  return useSession.getState().catalog.find((c) => c.id === id)?.nameKo ?? catalogById(id)?.nameKo ?? '게임';
}

/** Admin notice for a game (docs/14-admin.md §4). */
export function GameNotice({ gameId }: { gameId: string }) {
  const notice = useSession((s) => s.catalog.find((c) => c.id === gameId)?.notice);
  if (!notice) return null;
  return (
    <p className="small" style={{ background: 'var(--primary-soft)', borderRadius: 10, padding: '8px 12px', whiteSpace: 'pre-wrap' }}>
      📢 {notice}
    </p>
  );
}