"use strict";

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

var _vue = require("vue");

var _proLayout = require("@antd-vue/pro-layout");

var _iconsVue = require("@ant-design/icons-vue");

var LeftContent = function LeftContent(props, _ref) {
  var emit = _ref.emit;
  var collapsed = props.collapsed;
  var refCollapsedBtn = (0, _vue.ref)(null);
  var isSide = props.layout === 'side';
  var showLogo = props.layout !== 'side';
  return (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.unref)(isSide) && (0, _vue.createVNode)(_vue.Fragment, null, [(0, _vue.createVNode)("div", {
    "ref": refCollapsedBtn,
    "class": 'collapsed-button',
    "onClick": function onClick(e) {
      emit('collapse', !collapsed);
    }
  }, [collapsed ? (0, _vue.createVNode)(_iconsVue.MenuUnfoldOutlined, null, null) : (0, _vue.createVNode)(_iconsVue.MenuFoldOutlined, null, null)]), (0, _vue.createVNode)("div", {
    "class": 'breadcrumb'
  }, null)]), showLogo && (0, _vue.createVNode)(_proLayout.LogoTitle, props, null)]);
};

LeftContent.displayName = 'LeftContent';
LeftContent.inheritAttrs = false;
LeftContent.emits = ['collapse'];

LeftContent.install = function (app) {
  app.use(_proLayout.LogoTitle);
  app.component(LeftContent.displayName, LeftContent);
};

var _default = LeftContent;
exports.default = _default;