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