@100mslive/react-native-room-kit
Version:
100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.
42 lines • 1.42 kB
JavaScript
import * as React from 'react';
import { StyleSheet } from 'react-native';
import { SafeAreaView } from 'react-native-safe-area-context';
import { useHMSRoomStyleSheet } from '../hooks-util';
import { HLSHandRaiseButton } from './HLSHandRaiseButton';
import { HLSRoomOptionsButton } from './HLSRoomOptionsButton';
import { HLSManageChatTextInput } from './HLSManageChatTextInput';
export const HLSChatFooterView = () => {
const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
container: {
backgroundColor: theme.palette.surface_dim,
borderBottomColor: theme.palette.border_bright
},
input: {
backgroundColor: theme.palette.surface_default,
borderColor: theme.palette.surface_default
}
}));
return /*#__PURE__*/React.createElement(SafeAreaView, {
edges: ['bottom'],
style: [styles.container, hmsRoomStyles.container]
}, /*#__PURE__*/React.createElement(HLSManageChatTextInput, null), /*#__PURE__*/React.createElement(HLSHandRaiseButton, null), /*#__PURE__*/React.createElement(HLSRoomOptionsButton, null));
};
const styles = StyleSheet.create({
container: {
padding: 16,
flexDirection: 'row',
// alignItems: 'center',
alignItems: 'flex-end'
},
input: {
flex: 0,
height: 40,
marginHorizontal: 0,
marginTop: 0,
marginBottom: 0
},
chatPaused: {
flexShrink: 1
}
});
//# sourceMappingURL=HLSChatFooterView.js.map