import React from 'react'

export function Stats({ mode, latency, frameCount, fps }) {
  return (
    <div className="stats">
      <div>Modo: <span>{mode?.toUpperCase() || '-'}</span></div>
      <div>Latencia: <span>{latency ? `${latency}ms` : '-'}</span></div>
      <div>Frames: <span>{frameCount}</span></div>
      <div>FPS: <span>{fps || '-'}</span></div>
    </div>
  )
}