@100mslive/react-native-room-kit/lib/module/components/LocalPeerScreenshareView.js

100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.

import * as React from 'react';
import { StyleSheet, Text, View } from 'react-native';
import { CustomButton } from './CustomButton';
import { useHMSActions } from '../hooks-sdk';
import { COLORS } from '../utils/theme';
export const LocalPeerScreenshareView = () => {
  const hmsActions = useHMSActions();
  const onEndScreenSharePress = async () => {
    await hmsActions.setScreenShareEnabled(false);
  };
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(Text, {
    style: styles.text
  }, "You are sharing your screen"), /*#__PURE__*/React.createElement(CustomButton, {
    title: "X   Stop Screenshare",
    onPress: onEndScreenSharePress,
    viewStyle: styles.button,
    textStyle: styles.buttonText
  }));
};
const styles = StyleSheet.create({
  container: {
    width: '100%',
    height: '100%',
    backgroundColor: COLORS.SURFACE.DEFAULT,
    justifyContent: 'center',
    alignItems: 'center'
  },
  icon: {
    color: COLORS.TEXT.HIGH_EMPHASIS
  },
  text: {
    color: COLORS.TEXT.HIGH_EMPHASIS,
    fontSize: 20,
    lineHeight: 24,
    letterSpacing: 0.15,
    fontFamily: 'Inter-Medium',
    marginTop: 16
  },
  button: {
    backgroundColor: COLORS.INDICATORS.ERROR,
    borderColor: COLORS.INDICATORS.ERROR,
    justifyContent: 'center',
    alignItems: 'center',
    borderWidth: 1,
    borderRadius: 8,
    width: '60%',
    alignSelf: 'center',
    marginTop: 48
  },
  buttonText: {
    color: COLORS.TEXT.HIGH_EMPHASIS,
    fontSize: 16,
    lineHeight: 24,
    letterSpacing: 0.5,
    fontFamily: 'Inter-Medium',
    textTransform: 'capitalize'
  }
});
//# sourceMappingURL=LocalPeerScreenshareView.js.map