UNPKG

@trap_stevo/legendarybuilderproreact-ui

Version:

The legendary UI & utility API that makes your application a legendary application. ~ Created by Steven Compton

47 lines 2.26 kB
import _extends from "@babel/runtime/helpers/extends"; import _defineProperty from "@babel/runtime/helpers/defineProperty"; import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties"; var _excluded = ["name", "svg", "color", "iconConfigurationSettings"]; function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; } function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; } import React from "react"; import { useMemo } from "react"; import { FontAwesomeIcon } from "@fortawesome/react-fontawesome"; import { library, findIconDefinition } from "@fortawesome/fontawesome-svg-core"; import { fab } from "@fortawesome/free-brands-svg-icons"; import { fas } from "@fortawesome/free-solid-svg-icons"; library.add(fas, fab); function HUDIcon(_ref) { var name = _ref.name, svg = _ref.svg, color = _ref.color, iconConfigurationSettings = _ref.iconConfigurationSettings, rest = _objectWithoutProperties(_ref, _excluded); var style = color ? { color: color } : {}; var iconPrefix = useMemo(function () { try { var brandIcon = findIconDefinition({ prefix: "fab", iconName: name }); return brandIcon ? "fab" : "fas"; } catch (_unused) { return "fas"; } }, [name]); if (svg) { return /*#__PURE__*/React.createElement("img", _extends({ style: _objectSpread(_objectSpread({}, style), iconConfigurationSettings), alt: name, src: svg }, rest)); } return /*#__PURE__*/React.createElement(FontAwesomeIcon, _extends({ style: _objectSpread(_objectSpread({}, style), iconConfigurationSettings), icon: [iconPrefix, name] }, rest)); } ; export default HUDIcon;