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

import React from "react";
import PropTypes from "prop-types";
import BrandLogo from "@xo-union/component-brand-logo";
import cx from "classnames";
import { useHeaderNavContext } from "../Context.js";
const TheKnotLogo = /*#__PURE__*/React.forwardRef((props, ref) => {
  const {
    classes,
    links,
    loggedIn,
    prideLogo
  } = useHeaderNavContext();
  const colorName = prideLogo ? null : 'primary';
  // const logoName = prideLogo ? 'theknot_pride' : 'theknot';
  const logoName = 'theknot_pride';
  return /*#__PURE__*/React.createElement("a", {
    ref: ref,
    "aria-label": "The Knot Home",
    className: cx(props.className, classes['logo-container']),
    href: loggedIn ? links.DASHBOARD : links.KNOT_HOST
  }, /*#__PURE__*/React.createElement(BrandLogo, {
    name: logoName,
    size: "lg",
    color: colorName,
    className: classes['tk-logo']
  }));
});
process.env.NODE_ENV !== "production" ? TheKnotLogo.propTypes = {
  className: PropTypes.string
} : void 0;
export default TheKnotLogo;