video.tsx

'use client'

import { useRef, useEffect, useCallback } from 'react'
import { useInView } from 'react-intersection-observer'
import { studioUrl } from '@/utils/studio-helpers'

type VideoProps = {
  src: string
  className?: string
  loop?: boolean
  muted?: boolean
  playsInline?: boolean
  threshold?: number
  'aria-label'?: string
}

export function Video({
  src,
  className,
  loop = true,