export function PauseMenu({
  onResume,
  onSkins,
  onMainMenu,
}: {
  onResume: () => void;
  onSkins: () => void;
  onMainMenu: () => void;
}) {
  return (
    <div className="menu-overlay">
      <div className="menu-panel">
        <div className="menu-title">Пауза</div>
        <div className="menu-buttons">
          <button type="button" className="menu-btn menu-btn--primary" onClick={onResume}>
            Продолжить
          </button>
          <button type="button" className="menu-btn" onClick={onSkins}>
            Скины
          </button>
          <button type="button" className="menu-btn" onClick={onMainMenu}>
            Главное меню
          </button>
        </div>
      </div>
    </div>
  );
}