@100mslive/react-native-room-kit/lib/module/components/Participants/ParticipantsItemOption.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, TouchableOpacity } from 'react-native';
import { useHMSRoomStyle } from '../../hooks-util';
const _ParticipantsItemOption = ({
  icon = null,
  label,
  onPress,
  style,
  labelStyle
}) => {
  const textStyle = useHMSRoomStyle((theme, typography) => ({
    color: theme.palette.on_surface_high,
    fontFamily: `${typography.font_family}-SemiBold`
  }));
  return /*#__PURE__*/React.createElement(TouchableOpacity, {
    style: [styles.container, style],
    onPress: onPress
  }, icon, /*#__PURE__*/React.createElement(Text, {
    style: [styles.text, textStyle, labelStyle]
  }, label));
};
const styles = StyleSheet.create({
  container: {
    padding: 16,
    flexDirection: 'row',
    alignItems: 'center'
  },
  text: {
    fontSize: 14,
    lineHeight: 20,
    letterSpacing: 0.1,
    marginLeft: 8
  }
});
export const ParticipantsItemOption = /*#__PURE__*/React.memo(_ParticipantsItemOption);
//# sourceMappingURL=ParticipantsItemOption.js.map