@metamask/design-system-react-native
Version:
32 lines • 1.7 kB
JavaScript
;
var __importDefault = (this && this.__importDefault) || function (mod) {
return (mod && mod.__esModule) ? mod : { "default": mod };
};
Object.defineProperty(exports, "__esModule", { value: true });
exports.AvatarAccount = void 0;
const react_1 = __importDefault(require("react"));
const types_1 = require("../../types/index.cjs");
const AvatarBase_1 = require("../AvatarBase/index.cjs");
const Blockies_1 = require("../temp-components/Blockies/index.cjs");
const Jazzicon_1 = require("../temp-components/Jazzicon/index.cjs");
const Maskicon_1 = require("../temp-components/Maskicon/index.cjs");
const AvatarAccount = ({ address, variant = types_1.AvatarAccountVariant.Jazzicon, size = types_1.AvatarAccountSize.Md, blockiesProps, jazziconProps, maskiconProps, ...props }) => {
let AvatarArtComponent;
switch (variant) {
case types_1.AvatarAccountVariant.Blockies:
AvatarArtComponent = (<Blockies_1.Blockies address={address} size={Number(size)} {...blockiesProps}/>);
break;
case types_1.AvatarAccountVariant.Maskicon:
AvatarArtComponent = (<Maskicon_1.Maskicon address={address} size={Number(size)} {...maskiconProps}/>);
break;
case types_1.AvatarAccountVariant.Jazzicon:
default:
AvatarArtComponent = (<Jazzicon_1.Jazzicon address={address} size={Number(size)} {...jazziconProps}/>);
break;
}
return (<AvatarBase_1.AvatarBase size={size} shape={types_1.AvatarBaseShape.Square} accessibilityRole="image" {...props}>
{AvatarArtComponent}
</AvatarBase_1.AvatarBase>);
};
exports.AvatarAccount = AvatarAccount;
//# sourceMappingURL=AvatarAccount.cjs.map