chayns-components
Version:
A set of beautiful React components for developing chayns® applications.
48 lines (45 loc) • 1.7 kB
JavaScript
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
exports.__esModule = true;
exports.default = void 0;
var _react = _interopRequireDefault(require("react"));
var _propTypes = _interopRequireDefault(require("prop-types"));
var _clsx = _interopRequireDefault(require("clsx"));
/**
* @component
*/
const VerificationIcon = _ref => {
let {
name,
design = VerificationIcon.BLUE_DESIGN,
verified = false
} = _ref;
if (!verified) {
return name || null;
}
const className = (0, _clsx.default)(design === VerificationIcon.DEFAULT_DESIGN && 'vcid-check', design === VerificationIcon.GRAY_DESIGN && 'vcid-check--gray', design === VerificationIcon.BLUE_DESIGN && 'vcid-check--blue');
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, name, ' ', /*#__PURE__*/_react.default.createElement("span", {
className: className
}, /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null), /*#__PURE__*/_react.default.createElement("span", null)));
};
VerificationIcon.DEFAULT_DESIGN = 0;
VerificationIcon.GRAY_DESIGN = 1;
VerificationIcon.BLUE_DESIGN = 2;
VerificationIcon.propTypes = {
/**
* The username
*/
name: _propTypes.default.string.isRequired,
/**
* The design of the icon. Use either `VerificationIcon.DEFAULT_DESIGN`,
* `VerificationIcon.GRAY_DESIGN` or `VerificationIcon.BLUE_DESIGN`.
*/
design: _propTypes.default.number,
/**
* Whether the user is verified
*/
verified: _propTypes.default.bool
};
var _default = VerificationIcon;
exports.default = _default;
//# sourceMappingURL=VerificationIcon.js.map