{
+        evt.stopPropagation()
+        setInteractingViaKeypress(false)
+      }}
+      onPointerEnter={onHoverWithTimeout}
+      onPointerMove={onHoverWithTimeout}
+      onPointerLeave={onEndHoverWithTimeout}
+      onPointerDown={onPointerDown}
+      onFocus={onFocus}
+      onBlur={onBlur}
+      onKeyDown={onKeyDown}>
+      
+      {!showControls && !focused && duration > 0 && (
+        
+      )}
+      
+        
+        
+          
+          
+          
+            {formatTime(currentTime)} / {formatTime(duration)}
+          
+          {hasSubtitleTrack && (
+            
+          )}
+          
+          {!isIPhoneWeb && (
+            
+          )}
+        
+      
+      {(buffering || error) && (
+        
+          {buffering && }
+          {error && (
+            
+              An error occurred
+            
+          )}
+        
+      )}
+    
 
+  )
+}
+
+function ControlButton({
+  active,
+  activeLabel,
+  inactiveLabel,
+  activeIcon: ActiveIcon,
+  inactiveIcon: InactiveIcon,
+  onPress,
+}: {
+  active: boolean
+  activeLabel: string
+  inactiveLabel: string
+  activeIcon: React.ComponentType