jobiqo-cl/lib/src/components/03-molecules/05-user/01-teaser/index.js

[](https://circleci.com/gh/jobiqo/jobiqo-cl)

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }

var React = require('react');
var React__default = _interopDefault(React);
var styled = require('styled-components');
var styled__default = _interopDefault(styled);
var index = require('../../../02-atoms/12-user/01-avatar/index.js');

const StyledUserAvatarTeaser = styled__default.div `
  text-align: center;
`;
const StyledUserName = styled__default.div `
  color: ${props => props.theme.avatar.teaser.name.color};
  margin-bottom: 0.5rem;
  margin-top: 0.5rem;
`;
const StyledUserEmail = styled__default.div `
  color: ${props => props.theme.avatar.teaser.email.color};
`;
/**
 * The teaser for a user. It can be used to display a
 * small set of information about a user on the user detail page or
 * any other part where its relevant to show small snippets of user information.
 */
const AvatarTeaser = ({ picture = null, name, email }) => {
    return (React__default.createElement(StyledUserAvatarTeaser, null,
        React__default.createElement(index.default, Object.assign({ title: name, alt: name }, (picture ? { src: picture } : null))),
        React__default.createElement(StyledUserName, null, name),
        React__default.createElement(StyledUserEmail, null, email)));
};

exports.AvatarTeaser = AvatarTeaser;
exports.StyledUserEmail = StyledUserEmail;
exports.StyledUserName = StyledUserName;