@0xsequence/connect
Version:
Connect package for Sequence Web SDK
10 lines • 1.07 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Card, Image, NetworkImage } from '@0xsequence/design-system';
const NETWORK_IMAGE_SIZE = '15px';
export const CollectibleTileImage = ({ imageUrl, networkImage }) => {
return (_jsx(Card, { className: 'flex p-0 aspect-square justify-center items-center overflow-hidden rounded-lg bg-background-secondary relative', children: _jsxs("div", { className: "relative w-full h-full", children: [_jsx(Image, { className: "h-full", src: imageUrl }), networkImage && (_jsx("div", { className: "absolute bottom-0 right-0 -mb-[1px] -mr-[1px] w-[17px] h-[17px] rounded-full border-2 border-background-primary", children: _jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx(NetworkImage, { className: 'object-cover', chainId: networkImage, style: {
width: NETWORK_IMAGE_SIZE,
height: NETWORK_IMAGE_SIZE
} }) }) }))] }) }));
};
//# sourceMappingURL=CollectibleTileImage.js.map