"use client";
import { j as a } from "../../../node_modules/.pnpm/react@19.1.0/node_modules/react/jsx-runtime.mjs";
import g from "react";
import r from "../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/index.mjs";
import h from "../../assets/fallback_card.jpg.mjs";
import e from "./HorizontalCard.module.scss.mjs";
const j = g.forwardRef(
  (o, t) => {
    const {
      cardComponent: m = "div",
      gameImage: i,
      title: n,
      children: s,
      orderNumber: l,
      onCardClick: c,
      tone: d = "neutral",
      size: N = "large",
      noHover: f = !1,
      className: p,
      ...u
    } = o, x = i || /* @__PURE__ */ a.jsx("img", { src: h, alt: "Game Image" });
    return /* @__PURE__ */ a.jsxs(
      m,
      {
        ref: t,
        className: r(
          e.horizontalCard,
          e[d],
          e[N],
          {
            [e.noHover]: f
          },
          p
        ),
        onClick: c,
        ...u,
        children: [
          /* @__PURE__ */ a.jsx("div", { className: e.gameImage, children: x }),
          /* @__PURE__ */ a.jsxs("div", { className: e.content, children: [
            /* @__PURE__ */ a.jsx("div", { className: r(e.title, "title"), children: n }),
            s ? /* @__PURE__ */ a.jsx("div", { className: e.children, children: s }) : null
          ] }),
          l ? /* @__PURE__ */ a.jsx("div", { className: r(e.orderNumber, "h6"), children: l }) : null
        ]
      }
    );
  }
);
j.displayName = "HorizontalCard";
export {
  j as default
};
//# sourceMappingURL=HorizontalCard.mjs.map
