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

import React from "react";
import PropTypes from "prop-types";
import { Img } from "@xo-union/tk-component-picture";
import BrandLogo from "@xo-union/component-brand-logo";
import { useHeaderNavContext } from "../Context.js";
const Avatar = _ref => {
  let {
    couplePhotoUrl
  } = _ref;
  const {
    classes
  } = useHeaderNavContext();
  return /*#__PURE__*/React.createElement("div", {
    "aria-hidden": "true",
    className: classes['avatar-image-container']
  }, couplePhotoUrl ? /*#__PURE__*/React.createElement(Img, {
    className: classes['avatar-image'],
    src: couplePhotoUrl,
    width: 100,
    height: 100,
    alt: "avatar"
  }) : /*#__PURE__*/React.createElement(BrandLogo, {
    name: "theknot",
    color: "primary",
    size: "sm",
    className: classes['avatar-brand-logo']
  }));
};
process.env.NODE_ENV !== "production" ? Avatar.propTypes = {
  couplePhotoUrl: PropTypes.string
} : void 0;
Avatar.defaultProp = {
  couplePhotoUrl: null
};
export default Avatar;