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

export function LoreModal({ entry, onDismiss }: { entry: LoreEntry; onDismiss: () => void }) {
  return (
    <div className="lore-overlay" onClick={onDismiss}>
      <div className="lore-panel" onClick={(e) => e.stopPropagation()}>
        <div className="lore-kicker">Архив Данных</div>
        <div className="lore-title">{entry.title}</div>
        <p className="lore-text">{entry.text}</p>
        <button type="button" className="lore-btn" onClick={onDismiss}>
          Продолжить
        </button>
      </div>
    </div>
  );
}