design-system-govbr-rnp
Version:
## Padrão Digital de Governo - React Biblioteca de componentes React que implementa o [Padrão Visual digital do governo](https://www.gov.br/ds/). O objetivo da biblioteca é facilitar a implementação e promover a padronização das interfaces de sistemas do
63 lines (62 loc) • 2.13 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _freeSolidSvgIcons = require("@fortawesome/free-solid-svg-icons");
var _propTypes = _interopRequireDefault(require("prop-types"));
var _styles = require("./styles");
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
var Avatar = function Avatar(_ref) {
var type = _ref.type,
title = _ref.title,
size = _ref.size,
src = _ref.src,
bgColor = _ref.bgColor,
textColor = _ref.textColor;
var selectComponents = function selectComponents(type) {
if (type === "iconic") {
return /*#__PURE__*/_react.default.createElement(_styles.AvatarImageContainer, {
size: size,
bgColor: bgColor,
textColor: textColor
}, /*#__PURE__*/_react.default.createElement(_styles.AvatarIcon, {
icon: _freeSolidSvgIcons.faUser,
size: size
}));
} else if (type === "fotographic") {
return /*#__PURE__*/_react.default.createElement(_styles.AvatarImageContainer, {
size: size,
type: type
}, /*#__PURE__*/_react.default.createElement(_styles.AvatarImageTag, {
size: size,
src: src,
alt: title,
bgColor: bgColor,
textColor: textColor
}));
} else {
return /*#__PURE__*/_react.default.createElement(_styles.AvatarLetterContainer, {
size: size,
bgColor: bgColor
}, /*#__PURE__*/_react.default.createElement(_styles.AvatarLetter, {
textColor: textColor
}, title[0]));
}
};
return /*#__PURE__*/_react.default.createElement(_styles.AvatarContainer, {
title: title,
size: size
}, selectComponents(type));
};
Avatar.propTypes = {
type: _propTypes.default.string.isRequired,
title: _propTypes.default.string.isRequired,
size: _propTypes.default.string.isRequired,
src: _propTypes.default.string,
bgColor: _propTypes.default.string,
textColor: _propTypes.default.string
};
var _default = Avatar;
exports.default = _default;