@100mslive/react-native-room-kit/lib/module/components/HMSHLSNotStarted.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 } from 'react-native';
import { useHMSRoomStyleSheet } from '../hooks-util';
import { RadioIcon } from '../Icons';
export const HMSHLSNotStarted = () => {
  const hmsRoomStyles = useHMSRoomStyleSheet((theme, typography) => ({
    title: {
      color: theme.palette.on_surface_high,
      fontFamily: `${typography.font_family}-SemiBold`
    },
    description: {
      color: theme.palette.on_surface_medium,
      fontFamily: `${typography.font_family}-Regular`
    }
  }));
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(RadioIcon, {
    size: "extra-large",
    containerStyle: styles.iconWrapper,
    style: styles.icon
  }), /*#__PURE__*/React.createElement(Text, {
    style: [styles.title, hmsRoomStyles.title]
  }, "Stream yet to start"), /*#__PURE__*/React.createElement(Text, {
    style: [styles.description, hmsRoomStyles.description]
  }, "Sit back and relax"));
};
const styles = StyleSheet.create({
  container: {
    flex: 1,
    paddingHorizontal: 24,
    alignItems: 'center',
    justifyContent: 'center'
  },
  iconWrapper: {
    width: 40,
    height: 40,
    borderRadius: 20,
    marginBottom: 24
  },
  icon: {
    width: 24,
    height: 24
  },
  title: {
    fontSize: 16,
    lineHeight: 20,
    textAlign: 'center'
  },
  description: {
    fontSize: 14,
    lineHeight: 20,
    letterSpacing: 0.5,
    textAlign: 'center',
    marginTop: 4
  },
  taleLessSpaceAsYouCan: {
    flex: 0
  }
});
//# sourceMappingURL=HMSHLSNotStarted.js.map