@100mslive/react-native-room-kit/lib/module/components/Participants/ParticipantsGroupOptions.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, View } from 'react-native';
import { useHMSRoomStyleSheet } from '../../hooks-util';
import { HandIcon } from '../../Icons';
import { ParticipantsItemOption } from './ParticipantsItemOption';
const _ParticipantsGroupOptions = () => {
  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
    divider: {
      backgroundColor: theme.palette.border_bright
    }
  }));
  const handleBringOnStagePress = () => {};
  const handleLowerHandPress = () => {};
  const handleRemoveParticipantPress = () => {};
  return /*#__PURE__*/React.createElement(React.Fragment, null, [{
    id: 'bring-on-stage',
    icon: /*#__PURE__*/React.createElement(HandIcon, {
      style: {
        width: 20,
        height: 20
      }
    }),
    label: 'Bring on Stage',
    pressHandler: handleBringOnStagePress,
    isActive: false,
    hide: false
  }, {
    id: 'lower-hand',
    icon: /*#__PURE__*/React.createElement(HandIcon, {
      style: {
        width: 20,
        height: 20
      }
    }),
    label: 'Lower Hand',
    pressHandler: handleLowerHandPress,
    isActive: false,
    hide: false
  }, {
    id: 'remove-participant',
    icon: /*#__PURE__*/React.createElement(HandIcon, {
      style: {
        width: 20,
        height: 20
      }
    }),
    label: 'Remove Participant',
    pressHandler: handleRemoveParticipantPress,
    isActive: false,
    hide: false
  }].map((item, idx) => {
    const isFirst = idx === 0;
    return /*#__PURE__*/React.createElement(React.Fragment, {
      key: item.id
    }, isFirst ? null : /*#__PURE__*/React.createElement(View, {
      style: [styles.divider, hmsRoomStyles.divider]
    }), /*#__PURE__*/React.createElement(ParticipantsItemOption, {
      label: item.label,
      onPress: item.pressHandler,
      icon: item.icon
    }));
  }));
};
const styles = StyleSheet.create({
  divider: {
    height: 1,
    width: '100%'
  }
});
export const ParticipantsGroupOptions = /*#__PURE__*/React.memo(_ParticipantsGroupOptions);
//# sourceMappingURL=ParticipantsGroupOptions.js.map