import { a as a$1 } from './chunk-UPX6JFOI.js';
import { a } from './chunk-TWGPE4V7.js';
import { cx } from '@onbeam/styled-system/css';
import { gameCard, noiseBackground, gridBackground } from '@onbeam/styled-system/recipes';
import { jsxs, jsx } from 'react/jsx-runtime';

var n=a(({as:t="div",linkComponent:i="a",label:d,image:p,href:l,isExternal:c=!1,onClick:f,className:C,...v},g)=>{let a=gameCard();return jsxs(t,{ref:g,className:cx(noiseBackground(),a.root,C),...v,children:[jsx("div",{className:a.imageContainer,children:jsx("div",{className:cx(gridBackground(),a.image),children:p})}),jsxs("div",{className:a.content,children:[jsx("span",{className:a.title,children:d}),jsx(a$1,{as:i,href:l,target:c?"_blank":"_self",rel:"noopener noreferrer",className:a.button,size:"sm",variant:"primary",onClick:f,children:"open"})]})]})});n.displayName="GameCard";

export { n as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-C7HOMHPB.js.map