vimeo-auto-player.tsx

'use client'

import Player from '@vimeo/player'
import { clsx } from 'clsx'
import { useEffect, useRef, useState } from 'react'
import { useInView } from 'react-intersection-observer'
import { state, useSnapshot } from '@/state'

type VimeoAutoPlayerProps = {
  videoId: string
  className?: string
  id?: string
  aspectRatio?: string // e.g., "16/9", "4/3", "21/9"
  width?: number
  height?: number
  autoplay?: boolean // Control autoplay behavior
  muted?: boolean // Control whether video is muted
  controls?: boolean // Show/hide player controls (default: true)
}