@100mslive/react-native-room-kit/lib/module/components/Chat/MessageOptionsBottomSheet.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 { BottomSheet } from '../BottomSheet';
import { useHMSRoomStyleSheet, useModalType } from '../../hooks-util';
import { ModalTypes } from '../../utils/types';
import { MessageOptionsView } from './MessageOptionsView';
const _MessageOptionsBottomSheet = () => {
  const {
    modalVisibleType,
    handleModalVisibleType
  } = useModalType();
  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
    contentContainer: {
      backgroundColor: theme.palette.surface_default
    }
  }));
  const dismissModal = React.useCallback(() => handleModalVisibleType(ModalTypes.DEFAULT), [handleModalVisibleType]);
  return /*#__PURE__*/React.createElement(BottomSheet, {
    dismissModal: dismissModal,
    isVisible: modalVisibleType === ModalTypes.MESSAGE_OPTIONS,
    containerStyle: hmsRoomStyles.contentContainer
  }, /*#__PURE__*/React.createElement(MessageOptionsView, {
    onDismiss: dismissModal
  }));
};
export const MessageOptionsBottomSheet = /*#__PURE__*/React.memo(_MessageOptionsBottomSheet);
//# sourceMappingURL=MessageOptionsBottomSheet.js.map