import type { GameSnapshot } from '../game/types';

export function ChaseBanner({ snapshot }: { snapshot: GameSnapshot }) {
  if (!snapshot.chaseActive) return null;

  if (snapshot.chaseKind === 'cruiser') {
    return (
      <div className="chase-banner">
        <div className="chase-title">Погоня: Пиратский Крейсер</div>
        <div className="chase-sub">
          Топливных ячеек: {snapshot.chaseFuelCells}/{snapshot.chaseFuelRequired}
        </div>
        <div className="chase-hint">Уворачивайтесь от лазеров и астероидов</div>
      </div>
    );
  }

  return (
    <div className="chase-banner">
      <div className="chase-title">Погоня: Чёрный Рой</div>
      <div className="chase-sub">Осталось: {Math.ceil(snapshot.chaseTimeRemaining)} с</div>
      <div className="chase-hint">Уворачивайтесь от плазмы</div>
    </div>
  );
}