@krowdy-ui/views/Referent/Referent.js

React components that implement Google's Material Design.

"use strict";

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

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

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

var _core = require("@material-ui/core");

var _icons = require("@material-ui/icons");

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

var styles = function styles(theme) {
  return {
    avatar: {
      alignItems: 'center',
      border: "1px solid ".concat(theme.palette.grey[400]),
      borderRadius: '50%',
      display: 'flex',
      height: 28,
      justifyContent: 'center',
      width: 28
    },
    container: {
      '&:last-child': {
        paddingBottom: theme.spacing(1)
      },
      display: 'flex',
      padding: theme.spacing(1)
    },
    content: {
      flex: 1,
      marginLeft: theme.spacing(1)
    },
    list: {
      display: 'grid',
      gap: '4px',
      gridTemplateColumns: '1fr 1fr',
      marginTop: theme.spacing(.5)
    },
    personIcon: {
      fontSize: 13
    },
    root: {},
    subtitle: {
      fontWeight: 500,
      margin: theme.spacing(1, 0)
    }
  };
};

exports.styles = styles;

var Referent = function Referent(_ref) {
  var classes = _ref.classes,
      children = _ref.children,
      header = _ref.header;
  return /*#__PURE__*/_react["default"].createElement(_core.Card, {
    className: classes.root,
    variant: "outlined"
  }, /*#__PURE__*/_react["default"].createElement(_core.CardContent, {
    className: classes.container
  }, /*#__PURE__*/_react["default"].createElement(_core.Avatar, {
    className: classes.avatar
  }, /*#__PURE__*/_react["default"].createElement(_icons.Person, {
    className: classes.personIcon
  })), /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.content
  }, header, /*#__PURE__*/_react["default"].createElement("div", {
    className: classes.list
  }, children))));
};

process.env.NODE_ENV !== "production" ? Referent.propTypes = {
  children: _propTypes["default"].element,
  classes: _propTypes["default"].object,
  header: _propTypes["default"].node
} : void 0;

var _default = (0, _core.withStyles)(styles, {
  name: 'Referent'
})(Referent);

exports["default"] = _default;