import { createVNode as _createVNode } from "vue";
import { Fragment as _Fragment } from "vue";
import { withInstall } from '../utils';
import { LogoTitle } from '@antd-vue/pro-layout';
import { MenuFoldOutlined, MenuUnfoldOutlined } from '@ant-design/icons-vue';
import { ref, unref } from 'vue';

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

LeftContent.displayName = 'LeftContent';
LeftContent.inheritAttrs = false;
LeftContent.emits = ['collapse'];
export default withInstall(LeftContent);