web/packages/design-system/lib/components/VideoPlayer/utils.ts

import { VideoHTMLAttributes } from 'react'
import { VideoPlayerProps } from './types'

export function getVideoPropsByVariant(
  variant: VideoPlayerProps['variant'],
  hasManuallyPlayed: boolean,
  shouldAutoPlay: boolean
): VideoHTMLAttributes<HTMLVideoElement> {
  switch (variant) {
    case 'hero':
      return {
        controls: false,
        controlsList: 'nodownload nofullscreen noremoteplayback',
        autoPlay: shouldAutoPlay,
        muted: true,
        loop: true,
        playsInline: true,
      }
    case 'inline':
    default:
      return {
        controls: hasManuallyPlayed,
        controlsList: 'nodownload noremoteplayback',
        autoPlay: shouldAutoPlay,
        muted: true,
        loop: false,
        playsInline: true,
      }
  }
}