// Metro module 10817 (f10818).
import { resetFocus, toggleFocus } from "../ChannelCallStore";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import useMountEffect from "../../../../hooks/useMountEffect";
import ScreenshareParticipant from "./ScreenshareParticipant";
import ChannelRTCActionCreators from "../../../../actions/ChannelRTCActionCreators";
const useStyles = createStyles({
  stageStreamContainer: {
    backgroundColor: Module712.colors.BLACK
  }
});
export default function SingleScreenshare(props) {
  const { participant, channel } = props;
  const styles = useStyles();
  useMountEffect(() => {
    resetFocus();
  });
  return <ScreenshareParticipant participant={participant} onSingleTap={function onSingleTap() {
    toggleFocus();
  }} onDoubleTap={function onDoubleTap() {
    resetFocus();
    ChannelRTCActionCreators.selectParticipant(channel.id, null);
  }} containerStyle={channel.isGuildStageVoice() ? styles.stageStreamContainer : void 0} />;
};