@evg-b/evg-ui/dist/ListItemAvatar/ListItemAvatar.js

EVG-UI library inspired by Material Design.

import _extends from '@babel/runtime/helpers/extends';
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
import React from 'react';
import PropTypes from 'prop-types';
import classNames from 'classnames';
import '@babel/runtime/helpers/slicedToArray';
import withStyles from '../styles/withStyles.js';
import '@babel/runtime/helpers/construct';
import '@babel/runtime/helpers/toConsumableArray';
import '@babel/runtime/helpers/defineProperty';
import '@babel/runtime/helpers/classCallCheck';
import '@babel/runtime/helpers/createClass';

var styles = {
  base: {
    height: '56px',
    order: -1,
    marginLeft: 0,
    marginRight: '16px',
    display: 'inline-flex',
    alignItems: 'center'
  }
};
/**
 * Компонент для правильного позиционирования и отображения Avatar в list.
*/

var ListItemAvatar = /*#__PURE__*/React.forwardRef(function ListItemAvatar(props, ref) {
  var classes = props.classes,
      className = props.className,
      children = props.children,
      component = props.component,
      otherProps = _objectWithoutProperties(props, ["classes", "className", "children", "component"]);

  var Component = component;
  return /*#__PURE__*/React.createElement(Component, _extends({
    className: classNames(classes.base, className)
  }, otherProps, {
    ref: ref
  }), children);
});
ListItemAvatar.propTypes = {
  /**
  * Это контент между открывающим и закрывающим тегом компонента.
  */
  children: PropTypes.node,

  /**
   * Объект содержит jss стили компонента.
  */
  classes: PropTypes.object,

  /**
   * Чтобы указать CSS классы, используйте этот атрибут.
  */
  className: PropTypes.string,

  /**
   * Корневой узел. Это HTML элемент или компонент.
  */
  component: PropTypes.elementType
};
ListItemAvatar.defaultProps = {
  component: 'span'
};
ListItemAvatar.displayName = 'ListItemAvatarEVG';
var ListItemAvatar$1 = withStyles(styles)(ListItemAvatar);

export default ListItemAvatar$1;