zmp-react/esm/shared/use-icon.js

Build full featured iOS & Android apps using ZMP & React

import React from 'react';
import Icon from '../zalo-ui-kits/icon';
import Badge from '../components/badge';
export var useIcon = function useIcon(props) {
  if (props === void 0) {
    props = {};
  }

  var _props = props,
      icon = _props.icon,
      iconMaterial = _props.iconMaterial,
      iconZMP = _props.iconZMP,
      iconMd = _props.iconMd,
      iconIos = _props.iconIos,
      iconAurora = _props.iconAurora,
      iconColor = _props.iconColor,
      iconSize = _props.iconSize,
      iconBadge = _props.iconBadge,
      badgeColor = _props.badgeColor,
      iconBadgeColor = _props.iconBadgeColor;

  if (icon || iconMaterial || iconZMP || iconMd || iconIos || iconAurora) {
    return /*#__PURE__*/React.createElement(Icon, {
      material: iconMaterial,
      zmp: iconZMP,
      icon: icon,
      md: iconMd,
      ios: iconIos,
      aurora: iconAurora,
      color: iconColor,
      size: iconSize
    }, (iconBadge || iconBadge === 0) && /*#__PURE__*/React.createElement(Badge, {
      color: badgeColor || iconBadgeColor
    }, iconBadge));
  }

  return null;
};