/**
 * GameStats component displays game statistics.
 * 
 * Shows: target page, current page, click count, and timer.
 */

function GameStats({ targetPage, currentPage, clickCount, startTime, isActive }) {
  const { formattedTime } = useTimer(startTime, isActive);

  return React.createElement(
    'div',
    { className: 'game-stats' },
    React.createElement(
      'div',
      { className: 'stats-row' },
      React.createElement('span', { className: 'stat-label' }, 'Target: '),
      React.createElement('span', { className: 'stat-value' }, targetPage || 'N/A')
    ),
    React.createElement(
      'div',
      { className: 'stats-row' },
      React.createElement('span', { className: 'stat-label' }, 'Current: '),
      React.createElement('span', { className: 'stat-value' }, currentPage || 'N/A')
    ),
    React.createElement(
      'div',
      { className: 'stats-row' },
      React.createElement('span', { className: 'stat-label' }, 'Clicks: '),
      React.createElement('span', { className: 'stat-value' }, clickCount || 0)
    ),
    React.createElement(
      'div',
      { className: 'stats-row' },
      React.createElement('span', { className: 'stat-label' }, 'Time: '),
      React.createElement('span', { className: 'stat-value' }, formattedTime)
    )
  );
}


