import * as React from 'react'
import { BackgroundMediaAndImageAndVideoProps as AllProps } from './typings'
import { StyledBackgroundImage, StyledBackgroundVideo } from './styled'

export function renderImageOrVideo(props: AllProps) {
  if (props.alt && props.src) {
    return <StyledBackgroundImage src={props.src} alt={props.alt} />
  } else {
    return <StyledBackgroundVideo {...props} />
  }
}