@100mslive/react-native-room-kit/lib/module/Icons/Radio/index.js

100ms Room Kit provides simple & easy to use UI components to build Live Streaming & Video Conferencing experiences in your apps.

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React from 'react';
import { Image, StyleSheet, View } from 'react-native';
import { useHMSRoomStyleSheet } from '../../hooks-util';
export const RadioIcon = ({
  style,
  ...restProps
}) => {
  const hmsRoomStyles = useHMSRoomStyleSheet(theme => ({
    container: {
      backgroundColor: theme.palette.surface_default
    },
    icon: {
      tintColor: theme.palette.on_surface_high
    }
  }));
  if (restProps.size === 'extra-large') {
    return /*#__PURE__*/React.createElement(View, {
      style: [styles.container, hmsRoomStyles.container, restProps.containerStyle]
    }, /*#__PURE__*/React.createElement(Image, _extends({
      source: require('./assets/radio-xlarge.png'),
      style: [styles.icon, styles.xLargeIcon, hmsRoomStyles.icon, style]
    }, restProps)));
  }
  return /*#__PURE__*/React.createElement(Image, _extends({
    source: require('./assets/radio.png'),
    style: [styles.icon, hmsRoomStyles.icon, style]
  }, restProps));
};
const styles = StyleSheet.create({
  container: {
    width: 80,
    height: 80,
    borderRadius: 40,
    alignItems: 'center',
    justifyContent: 'center'
  },
  icon: {
    width: 24,
    height: 24,
    alignItems: 'center',
    justifyContent: 'center'
  },
  xLargeIcon: {
    width: 56,
    height: 56
  }
});
//# sourceMappingURL=index.js.map