@trap_stevo/legendarybuilderproreact-ui/dist/HUDComponents/HUDLogoComponent.js

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

import _defineProperty from "@babel/runtime/helpers/defineProperty";
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; }
/*

     Created by Hassan Steven Compton.
     
     March 7, 2024.

*/
import * as React from "react";
import HUDTyper from "../HUDComponents/HUDTyper.js";
function HUDLogoComponent(_ref) {
  var children = _ref.children,
    configurationSettings = _ref.configurationSettings,
    logoConfigurationSettings = _ref.logoConfigurationSettings,
    logoLight = _ref.logoLight,
    logoDark = _ref.logoDark,
    darkMode = _ref.darkMode,
    mottoVisible = _ref.mottoVisible;
  var legendaryLogo = logoLight ? require(logoLight) : "";
  if (darkMode) {
    legendaryLogo = logoDark ? require(logoDark) : "";
  }
  return /*#__PURE__*/React.createElement("div", {
    style: configurationSettings
  }, /*#__PURE__*/React.createElement("img", {
    style: _objectSpread({
      background: "transparent",
      position: "fixed",
      height: "calc(4.69%)",
      width: "calc(4.69%)",
      borderRadius: "50px",
      objectFit: "contain",
      aspectRatio: "1",
      marginLeft: "1%",
      marginTop: "0.69%",
      top: "0%"
    }, logoConfigurationSettings),
    src: legendaryLogo,
    alt: ""
  }), /*#__PURE__*/React.createElement("label", {
    style: {
      background: "transparent",
      position: "fixed",
      height: "calc(5.69%)",
      width: "calc(15.69%)",
      fontWeight: "bold",
      fontSize: "16.369px",
      borderRadius: "50px",
      visibility: mottoVisible ? "visible" : "hidden",
      transition: "color 1.5s ease, WebkitTextStroke 1.5s ease-in",
      color: darkMode ? "white" : "black",
      WebkitTextStroke: darkMode ? "none" : "0.169px rgba(255, 255, 255, 1)",
      objectFit: "contain",
      aspectRatio: "1",
      marginLeft: "5.69%",
      marginTop: "0.869%",
      top: "0%"
    }
  }, /*#__PURE__*/React.createElement(HUDTyper, {
    speed: 41
  }, mottoVisible ? children : "")));
}
export default HUDLogoComponent;