@unstoppabledomains/ui-kit/components/Logo/Logo.js

A set of common Unstoppable Domains components

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = exports.LogoTheme = void 0;
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
var _SvgIcon = _interopRequireDefault(require("@mui/material/SvgIcon"));
var _styles = require("@mui/material/styles");
var _react = _interopRequireDefault(require("react"));
var _LogoAsRay = _interopRequireDefault(require("./LogoAsRay"));
var _LogoAsRayWithText = _interopRequireDefault(require("./LogoAsRayWithText"));
var _LogoWithText = _interopRequireDefault(require("./LogoWithText"));
var _excluded = ["theme"];
var LogoTheme = exports.LogoTheme = /*#__PURE__*/function (LogoTheme) {
  LogoTheme["Primary"] = "primary";
  LogoTheme["White"] = "white";
  LogoTheme["WhiteWithRay"] = "whiteWithRay";
  LogoTheme["PrimaryWithText"] = "primaryWithText";
  LogoTheme["BlackWithTextAndRay"] = "blackWithTextAndRay";
  return LogoTheme;
}({});
var usePathColors = function usePathColors(type) {
  var _useTheme = (0, _styles.useTheme)(),
    _useTheme$palette = _useTheme.palette,
    secondary = _useTheme$palette.secondary,
    primary = _useTheme$palette.primary,
    white = _useTheme$palette.white;
  switch (type) {
    case LogoTheme.White:
      return [secondary.main, white];
    default:
      return [secondary.main, primary.main];
  }
};
var Logo = function Logo(_ref) {
  var _ref$theme = _ref.theme,
    theme = _ref$theme === void 0 ? LogoTheme.Primary : _ref$theme,
    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
  var _usePathColors = usePathColors(theme),
    _usePathColors2 = (0, _slicedToArray2["default"])(_usePathColors, 2),
    pathFillColor1 = _usePathColors2[0],
    pathFillColor2 = _usePathColors2[1];
  switch (theme) {
    case LogoTheme.WhiteWithRay:
      return /*#__PURE__*/_react["default"].createElement(_LogoAsRay["default"], props);
    case LogoTheme.PrimaryWithText:
      return /*#__PURE__*/_react["default"].createElement(_LogoWithText["default"], props);
    case LogoTheme.BlackWithTextAndRay:
      return /*#__PURE__*/_react["default"].createElement(_LogoAsRayWithText["default"], props);
    default:
      return /*#__PURE__*/_react["default"].createElement(_SvgIcon["default"], (0, _extends2["default"])({
        viewBox: "0 0 40 40"
      }, props), /*#__PURE__*/_react["default"].createElement("path", {
        d: "M38.3333 3.90803V16.5517L1.66666 31.4942L38.3333 3.90803Z",
        fill: pathFillColor1
      }), /*#__PURE__*/_react["default"].createElement("path", {
        d: "M31.4583 3.33333V25.1724C31.4583 31.5203 26.3281 36.6667 20 36.6667C13.6719 36.6667 8.54166 31.5203 8.54166 25.1724V15.977L15.4167 12.1839V25.1724C15.4167 26.2394 15.8392 27.2626 16.5913 28.0171C17.3434 28.7716 18.3635 29.1954 19.4271 29.1954C20.4907 29.1954 21.5108 28.7716 22.2629 28.0171C23.015 27.2626 23.4375 26.2394 23.4375 25.1724V7.75862L31.4583 3.33333Z",
        fill: pathFillColor2
      }));
  }
};
var _default = exports["default"] = Logo;