@xo-union/tk-component-header-nav/lib/components/HeaderNav/TheKnotLogo/index.cjs.js

"use strict";

var _Object$defineProperty = require("@babel/runtime-corejs3/core-js/object/define-property");
var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
_Object$defineProperty(exports, "__esModule", {
  value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _componentBrandLogo = _interopRequireDefault(require("@xo-union/component-brand-logo"));
var _classnames = _interopRequireDefault(require("classnames"));
var _ContextCjs = require("../Context.cjs.js");
const TheKnotLogo = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
  const {
    classes,
    links,
    loggedIn,
    prideLogo
  } = (0, _ContextCjs.useHeaderNavContext)();
  const colorName = prideLogo ? null : 'primary';
  // const logoName = prideLogo ? 'theknot_pride' : 'theknot';
  const logoName = 'theknot_pride';
  return /*#__PURE__*/_react.default.createElement("a", {
    ref: ref,
    "aria-label": "The Knot Home",
    className: (0, _classnames.default)(props.className, classes['logo-container']),
    href: loggedIn ? links.DASHBOARD : links.KNOT_HOST
  }, /*#__PURE__*/_react.default.createElement(_componentBrandLogo.default, {
    name: logoName,
    size: "lg",
    color: colorName,
    className: classes['tk-logo']
  }));
});
process.env.NODE_ENV !== "production" ? TheKnotLogo.propTypes = {
  className: _propTypes.default.string
} : void 0;
var _default = TheKnotLogo;
exports.default = _default;