import { css } from '@emotion/react'
import type { FC } from 'react'
import type { RendererProps } from '../types'

const videoClass = css`
  max-width: 100%;
`

const VideoRenderer: FC<RendererProps> = ({ doc }) => (
  <video src={doc.uri} controls css={videoClass} />
)

export default VideoRenderer
