@100mslive/react-native-room-kit/lib/module/components/Participants/ParticipantsListFooter.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 { ActivityIndicator, StyleSheet, View } from 'react-native';
import { useHMSRoomColorPalette, useHMSRoomStyleSheet } from '../../hooks-util';
const _ParticipantsListFooter = ({
  loading
}) => {
  const {
    on_surface_high: onSurfaceHigh
  } = useHMSRoomColorPalette();
  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
    footer: {
      borderColor: theme.palette.border_bright
    }
  }));
  return /*#__PURE__*/React.createElement(View, {
    style: [styles.footer, hmsRoomStyles.footer]
  }, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
    size: 'small',
    color: onSurfaceHigh
  }) : null);
};
export const ParticipantsListFooter = /*#__PURE__*/React.memo(_ParticipantsListFooter);
const styles = StyleSheet.create({
  footer: {
    width: '100%',
    paddingBottom: 16,
    borderBottomWidth: 1,
    borderRightWidth: 1,
    borderLeftWidth: 1,
    borderBottomRightRadius: 8,
    borderBottomLeftRadius: 8
  }
});
//# sourceMappingURL=ParticipantsListFooter.js.map