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,buttonLabel:c="open",imageClassName:f,isExternal:C=!1,onClick:v,className:g,...G},N)=>{let a=gameCard();return jsxs(t,{ref:N,className:cx(noiseBackground(),a.root,g),...G,children:[jsx("div",{className:a.imageContainer,children:jsx("div",{className:cx(gridBackground(),a.image,f),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:v,children:c})]})]})});n.displayName="GameCard";

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