"use client";
import { jsxs as e, jsx as r } from "react/jsx-runtime";
import a from "../../../../modules/Testimonial/components/Product/product.module.css";
import { Typography as o } from "../../../../components/Typography/Typography.es.js";
import { Icon as m } from "../../../../components/Icon/Icon.es.js";
import { EIconName as s } from "../../../../components/Icon/constants.es.js";
const f = ({ image: t, link: l, name: i }) => /* @__PURE__ */ e("a", { className: a.root, href: l, children: [
  /* @__PURE__ */ r("div", { className: a.imageContainer, children: /* @__PURE__ */ r("img", { src: t, alt: i, className: a.image }) }),
  /* @__PURE__ */ e("div", { className: a.infoContainer, children: [
    /* @__PURE__ */ e("div", { className: a.textContainer, children: [
      /* @__PURE__ */ r(o, { as: "p", defaultVariant: "labelXs", mobileVariant: "labelSm", emphasis: !0, weight: "regular", children: "REVIEWED" }),
      /* @__PURE__ */ r(o, { as: "p", defaultVariant: "bodyMd", mobileVariant: "bodySm", weight: "regular", children: i })
    ] }),
    /* @__PURE__ */ r(m, { name: s.ARROW_OUTWARD, className: a.arrowIcon })
  ] })
] });
export {
  f as Product
};
