@xo-union/tk-component-header-nav/lib/components/HeaderNav/Avatar/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 _tkComponentPicture = require("@xo-union/tk-component-picture");
var _componentBrandLogo = _interopRequireDefault(require("@xo-union/component-brand-logo"));
var _ContextCjs = require("../Context.cjs.js");
const Avatar = _ref => {
  let {
    couplePhotoUrl
  } = _ref;
  const {
    classes
  } = (0, _ContextCjs.useHeaderNavContext)();
  return /*#__PURE__*/_react.default.createElement("div", {
    "aria-hidden": "true",
    className: classes['avatar-image-container']
  }, couplePhotoUrl ? /*#__PURE__*/_react.default.createElement(_tkComponentPicture.Img, {
    className: classes['avatar-image'],
    src: couplePhotoUrl,
    width: 100,
    height: 100,
    alt: "avatar"
  }) : /*#__PURE__*/_react.default.createElement(_componentBrandLogo.default, {
    name: "theknot",
    color: "primary",
    size: "sm",
    className: classes['avatar-brand-logo']
  }));
};
process.env.NODE_ENV !== "production" ? Avatar.propTypes = {
  couplePhotoUrl: _propTypes.default.string
} : void 0;
Avatar.defaultProp = {
  couplePhotoUrl: null
};
var _default = Avatar;
exports.default = _default;