/**
 * AdminLanguagesKeepAlive
 *
 * Keeps the AdminLanguagesPage mounted across route changes so that
 * long-running AI translation progress, table state, and selections
 * survive when the user navigates away and returns.
 */

import React from 'react';
import { AdminLanguagesPage } from './AdminLanguagesPage';

interface AdminLanguagesKeepAliveProps {
  isVisible: boolean;
}

export const AdminLanguagesKeepAlive: React.FC<AdminLanguagesKeepAliveProps> = ({ isVisible }) => {
  return (
    <div
      style={{
        display: isVisible ? 'flex' : 'none',
        flexDirection: 'column',
        position: 'absolute',
        top: 'var(--mobile-topbar-height, 0px)',
        left: 0,
        right: 0,
        bottom: 0,
        overflow: 'hidden',
      }}
    >
      <AdminLanguagesPage />
    </div>
  );
};

export default AdminLanguagesKeepAlive;
