@mui-treasury/mockup/layout/NavHeaderEx.js

"use strict";

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

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

var _propTypes = _interopRequireDefault(require("prop-types"));

var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));

var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));

var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));

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

var NavHeaderEx = function NavHeaderEx(_ref) {
  var collapsed = _ref.collapsed;
  return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      padding: collapsed ? 8 : 16,
      transition: '0.3s'
    }
  }, /*#__PURE__*/_react["default"].createElement(_Avatar["default"], {
    style: {
      width: collapsed ? 48 : 60,
      height: collapsed ? 48 : 60,
      transition: '0.3s'
    }
  }), /*#__PURE__*/_react["default"].createElement("div", {
    style: {
      paddingBottom: 16
    }
  }), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
    variant: 'h6',
    noWrap: true
  }, "Mui Treasury"), /*#__PURE__*/_react["default"].createElement(_Typography["default"], {
    color: 'textSecondary',
    noWrap: true,
    gutterBottom: true
  }, "muitreasury@ui.com")), /*#__PURE__*/_react["default"].createElement(_Divider["default"], null));
};

NavHeaderEx.propTypes = {
  collapsed: _propTypes["default"].bool.isRequired
};
NavHeaderEx.defaultProps = {};
var _default = NavHeaderEx;
exports["default"] = _default;