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