'use strict';

var chunkY3NOL3WI_cjs = require('./chunk-Y3NOL3WI.cjs');
var chunk5XB54L7P_cjs = require('./chunk-5XB54L7P.cjs');
var css = require('@onbeam/styled-system/css');
var recipes = require('@onbeam/styled-system/recipes');
var jsxRuntime = require('react/jsx-runtime');

var n=chunk5XB54L7P_cjs.a(({as:t="div",linkComponent:i="a",label:d,image:p,href:l,isExternal:c=!1,onClick:f,className:C,...v},g)=>{let a=recipes.gameCard();return jsxRuntime.jsxs(t,{ref:g,className:css.cx(recipes.noiseBackground(),a.root,C),...v,children:[jsxRuntime.jsx("div",{className:a.imageContainer,children:jsxRuntime.jsx("div",{className:css.cx(recipes.gridBackground(),a.image),children:p})}),jsxRuntime.jsxs("div",{className:a.content,children:[jsxRuntime.jsx("span",{className:a.title,children:d}),jsxRuntime.jsx(chunkY3NOL3WI_cjs.a,{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";

exports.a = n;
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-DWSGUUGV.cjs.map