vimeo-player.tsx

'use client'

import { useRef } from 'react'

interface VimeoPlayerProps {
  embed: any
}

/**
 * Extracts aspect ratio padding percentage from a className string
 * Looks for patterns like "aspect-ratio-16-9" or "aspect-16-9"
 * Returns padding-top percentage (e.g., "56.25%" for 16:9)
 */
function getAspectRatioPadding(className?: string): string | undefined {
  if (!className) return undefined

  // Common aspect ratio patterns and their padding percentages
  const aspectRatios: Record<string, string> = {
    '16-9': '56.25%',
    '16/9': '56.25%',