Proyectos de Subversion LeadersLinked - SPA

import React from 'react'

import React from 'react';

import { Backdrop } from '@mui/material'

import { Backdrop } from '@mui/material';

import ReelItem from './ReelItem'

import ReelItem from './ReelItem';

  onReelEnd = () => {}

const ReelPlayer = ({ show = false, onClose = () => {}, reel = {}, onReelEnd = () => {} }) => {

  return (

  return (

    <Backdrop

    <Backdrop

      sx={{ color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }}

      sx={{ color: '#fff', zIndex: (theme) => theme.zIndex.drawer + 1 }}

      open={show}

      open={show}

      onClick={onClose}

      onClick={onClose}

    >

    >

        onEnded={onReelEnd}

      <ReelItem reel={reel} autoPlay={true} controls={true} onEnded={onReelEnd} size='lg' />

    </Backdrop>

    </Backdrop>

  )

  );

}

};

export default ReelPlayer

export default ReelPlayer;