"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.UserMenuLink = exports.LogoutLink = exports.UserIcon = void 0;

var _react = _interopRequireDefault(require("react"));

var _Link = require("./Link");

var _Icons = require("./Icons");

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

/** @prettier */
var UserIcon = function UserIcon(_ref) {
  var firstInitial = _ref.firstInitial,
      lastInitial = _ref.lastInitial;
  return _react.default.createElement("div", {
    className: "vs-user-icon-circle"
  }, _react.default.createElement("span", {
    className: "vs-user-icon-first"
  }, firstInitial), _react.default.createElement("span", {
    className: "vs-user-icon-last"
  }, lastInitial));
};

exports.UserIcon = UserIcon;

var LogoutLink = function LogoutLink(_ref2) {
  var onLogout = _ref2.onLogout,
      label = _ref2.label;
  return _react.default.createElement(_Link.Link, null, _react.default.createElement("a", {
    onClick: onLogout
  }, _react.default.createElement(_Link.LinkContentWrapper, {
    icon: _react.default.createElement(_Icons.LogoutIcon, null),
    label: label || 'Logout'
  })));
};

exports.LogoutLink = LogoutLink;

var UserMenuLink = function UserMenuLink(_ref3) {
  var onClicked = _ref3.onClicked,
      linkIcon = _ref3.linkIcon,
      linkLabel = _ref3.linkLabel;
  return _react.default.createElement(_Link.Link, null, _react.default.createElement("a", {
    onClick: onClicked
  }, _react.default.createElement(_Link.LinkContentWrapper, {
    icon: linkIcon,
    label: linkLabel
  })));
};

exports.UserMenuLink = UserMenuLink;