@lskjs/ui2/ChipItem/ChipItem.js

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");

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

var _avatar = _interopRequireDefault(require("@lskjs/avatar"));

var _link = _interopRequireDefault(require("@lskjs/link"));

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

var _Sider = require("../Sider");

var _ChipItem = require("./ChipItem.styles");

var ChipItem = function ChipItem(_ref) {
  var link = _ref.link,
      _ref$item = _ref.item,
      item = _ref$item === void 0 ? {} : _ref$item,
      _ref$size = _ref.size,
      size = _ref$size === void 0 ? 40 : _ref$size,
      content = _ref.children;

  var children = /*#__PURE__*/_react["default"].createElement(_Sider.Sider, {
    verticalAlign: "center",
    gap: 12,
    left: /*#__PURE__*/_react["default"].createElement(_ChipItem.ImageWrapper, null, /*#__PURE__*/_react["default"].createElement(_avatar["default"], {
      id: item.id || item._id,
      name: item.title || item.name,
      src: item.image || item.avatar,
      size: size,
      style: {
        flexShrink: 0
      }
    })) // style={{ marginRight: 10, padding: '5px 0' }}
    ,
    right: /*#__PURE__*/_react["default"].createElement(_ChipItem.TextWrapper, null, item.title || item.name, /*#__PURE__*/_react["default"].createElement("div", null, content))
  });

  if (!link) return children;
  return /*#__PURE__*/_react["default"].createElement(_link["default"], {
    href: item.link
  }, children);
};

exports.ChipItem = ChipItem;
var _default = ChipItem;
exports["default"] = _default;
//# sourceMappingURL=ChipItem.js.map