"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.Link = exports.LinkContentWrapper = void 0;

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

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

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

/** @prettier */
var LinkContentWrapper = function LinkContentWrapper(_ref) {
  var icon = _ref.icon,
      label = _ref.label;
  var finalIcon = icon ? icon : _react.default.createElement("div", {
    className: "placeholder-icon"
  });
  return _react.default.createElement("div", {
    className: "vs-sidenav-link-content-wrapper"
  }, _react.default.createElement(_Icons.SideNavSvgIcon, null, finalIcon), _react.default.createElement("div", {
    className: "vs-sidenav-link-label vs-sidenav-container-label"
  }, label));
};

exports.LinkContentWrapper = LinkContentWrapper;

var Link = function Link(_ref2) {
  var hoverText = _ref2.hoverText,
      children = _ref2.children;
  return _react.default.createElement("li", {
    className: "vs-sidenav-entry vs-sidenav-link",
    title: hoverText
  }, children);
};

exports.Link = Link;