import{jsx as r}from"react/jsx-runtime";import{ButtonContainer as a}from"../containers/button.js";import"../containers/card.js";import{css as p}from"@styled/css";import{Box as c}from"@styled/jsx";import"@styled/tokens";import"../primitives/button.js";import"../primitives/checkbox.js";import"../primitives/dropdown-selector.js";import"../primitives/popover.js";import"../primitives/radio.js";import"../primitives/segmented-control.js";import"../primitives/switch.js";import"../primitives/text.js";import{useCallback as l}from"react";import"../utils/client-asset-logo.js";import"react-qrcode-logo";import"../utils/secured-by-magic.js";import"../containers/header.js";import"../containers/menu.js";import"../containers/modal.js";import"../containers/overlay.js";const s=({src:o,alt:t})=>r(c,{rounded:"2xl",overflow:"hidden",children:r("img",{src:o,alt:t,className:p({objectFit:"cover"})})}),n=o=>{const{src:t,onPress:i,alt:m}=o,e=l(()=>{i?.()},[i]);return i?r(a,{className:p({_hover:{boxShadow:"0 6px 8px 2px rgba(0, 0, 0, .18)"}}),borderRadius:"1rem",onPress:e,...o,children:r(s,{src:t,alt:m})}):r(s,{src:t,alt:m})};export{n as NFTTile};
//# sourceMappingURL=nft-tile.js.map
