import React, { useCallback } from 'react'

export interface AudioPlayerProps {
  srcobject: any,
  volume: number
}

export default function AudioPlayer (props: AudioPlayerProps): JSX.Element {
  const refAudio = useCallback((node: any) => {
    if (node) {
      node.srcObject = props.srcobject
      node.volume = props.volume
    }
  },
  [props.srcobject])

  return <audio ref={refAudio} {...props} autoPlay />
}