@100mslive/react-native-room-kit/lib/module/Icons/CheckBox/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, TouchableOpacity } from 'react-native';
import { useHMSRoomStyle } from '../../hooks-util';
export const CheckBoxIcon = ({
  style,
  type = 'unchecked',
  onChange,
  ...restProps
}) => {
  const iconStyles = useHMSRoomStyle(theme => ({
    tintColor: theme.palette.on_surface_high
  }));
  const checkbox = /*#__PURE__*/React.createElement(Image, _extends({
    source: type === 'unchecked' ? require('./assets/checkbox.png') : require('./assets/checkbox-checked.png'),
    style: [styles.icon, iconStyles, style]
  }, restProps));
  if (typeof onChange !== 'function') {
    return checkbox;
  }
  return /*#__PURE__*/React.createElement(TouchableOpacity, {
    onPress: () => onChange(type === 'unchecked' ? 'checked' : 'unchecked')
  }, checkbox);
};
const styles = StyleSheet.create({
  icon: {
    width: 24,
    height: 24,
    alignItems: 'center',
    justifyContent: 'center'
  }
});
//# sourceMappingURL=index.js.map