@100mslive/react-native-room-kit/lib/module/components/Participants/ParticipantsGroupFooter.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 { View, Text, StyleSheet, TouchableOpacity } from 'react-native';
import { useHMSRoomStyleSheet } from '../../hooks-util';
import { ChevronIcon } from '../../Icons';
const _ParticipantsGroupFooter = ({
  groupId,
  onViewAllPress
}) => {
  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
    container: {
      borderTopColor: theme.palette.border_bright
    },
    label: {
      color: theme.palette.on_surface_high,
      fontFamily: `${typography.font_family}-Regular`
    }
  }));
  const handleViewAllPress = () => {
    onViewAllPress(groupId);
  };
  return /*#__PURE__*/React.createElement(View, {
    style: [styles.container, hmsRoomStyles.container]
  }, /*#__PURE__*/React.createElement(TouchableOpacity, {
    style: [styles.viewAllAction],
    onPress: handleViewAllPress
  }, /*#__PURE__*/React.createElement(Text, {
    style: [styles.label, hmsRoomStyles.label]
  }, "View All"), /*#__PURE__*/React.createElement(ChevronIcon, {
    direction: "right"
  })));
};
const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    justifyContent: 'flex-end',
    paddingVertical: 12,
    paddingHorizontal: 16,
    borderTopWidth: 1
  },
  label: {
    fontSize: 14,
    lineHeight: 20,
    letterSpacing: 0.25,
    marginRight: 4
  },
  viewAllAction: {
    flexDirection: 'row',
    alignItems: 'center'
  }
});
export const ParticipantsGroupFooter = /*#__PURE__*/React.memo(_ParticipantsGroupFooter);
//# sourceMappingURL=ParticipantsGroupFooter.js.map