@moxon6/form-components/lib/Header.js

This is small collection of Material-ui fields components,

"use strict";

exports.__esModule = true;

var _react = require("react");

var _react2 = _interopRequireDefault(_react);

var _Card = require("material-ui/Card");

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

var _Avatar2 = _interopRequireDefault(_Avatar);

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

var titleStyle = {
  fontSize: "20px",
  paddingTop: "10px",
  paddingBottom: "10px",
  overflowX: "wrap"
};

var style = {
  paddingBottom: 0,
  marginBottom: 0
};

exports.default = function (props) {
  return _react2.default.createElement(_Card.CardHeader, {
    title: props.children,
    titleStyle: titleStyle,
    style: style,
    avatar: props.src ? _react2.default.createElement(_Avatar2.default, { src: props.src, size: 45, backgroundColor: "transparent" }) : null
  });
};

module.exports = exports["default"];