@metamask/design-system-react-native/dist/components/AvatarAccount/AvatarAccount.mjs

Design System React Native

function $importDefault(module) {
    if (module?.__esModule) {
        return module.default;
    }
    return module;
}
import $React from "react";
const React = $importDefault($React);
import { AvatarAccountSize, AvatarBaseShape, AvatarAccountVariant } from "../../types/index.mjs";
import { AvatarBase } from "../AvatarBase/index.mjs";
import { Blockies } from "../temp-components/Blockies/index.mjs";
import { Jazzicon } from "../temp-components/Jazzicon/index.mjs";
import { Maskicon } from "../temp-components/Maskicon/index.mjs";
export const AvatarAccount = ({ address, variant = AvatarAccountVariant.Jazzicon, size = AvatarAccountSize.Md, blockiesProps, jazziconProps, maskiconProps, ...props }) => {
    let AvatarArtComponent;
    switch (variant) {
        case AvatarAccountVariant.Blockies:
            AvatarArtComponent = (<Blockies address={address} size={Number(size)} {...blockiesProps}/>);
            break;
        case AvatarAccountVariant.Maskicon:
            AvatarArtComponent = (<Maskicon address={address} size={Number(size)} {...maskiconProps}/>);
            break;
        case AvatarAccountVariant.Jazzicon:
        default:
            AvatarArtComponent = (<Jazzicon address={address} size={Number(size)} {...jazziconProps}/>);
            break;
    }
    return (<AvatarBase size={size} shape={AvatarBaseShape.Square} accessibilityRole="image" {...props}>
      {AvatarArtComponent}
    </AvatarBase>);
};
//# sourceMappingURL=AvatarAccount.mjs.map