@lifi/widget
Version:
LI.FI Widget for cross-chain bridging and swapping. It will drive your multi-chain strategy and attract new users from everywhere.
15 lines • 1.17 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { Badge, Skeleton } from '@mui/material';
import { AvatarDefault, AvatarSkeletonMaskedContainer } from './Avatar.style.js';
import { ChainBadgeContent } from './ChainBadgeContent.js';
import { SmallAvatarSkeleton } from './SmallAvatar.js';
export const AvatarBadgedDefault = ({ sx, chain }) => {
return (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(ChainBadgeContent, { chain: chain }), sx: sx, children: _jsx(AvatarDefault, {}) }));
};
export const AvatarBadgedSkeleton = ({ sx, avatarSize = 40, badgeSize = 16 }) => {
return (_jsx(Badge, { overlap: "circular", anchorOrigin: { vertical: 'bottom', horizontal: 'right' }, badgeContent: _jsx(SmallAvatarSkeleton, { size: badgeSize }), sx: sx, children: _jsx(AvatarSkeleton, { avatarSize: avatarSize, badgeSize: badgeSize }) }));
};
const AvatarSkeleton = ({ avatarSize, badgeSize }) => {
return (_jsx(AvatarSkeletonMaskedContainer, { badgeSize: badgeSize, children: _jsx(Skeleton, { width: avatarSize, height: avatarSize, variant: "circular" }) }));
};
//# sourceMappingURL=Avatar.js.map