import { jsxs as s, jsx as t } from "react/jsx-runtime";
import r from "../../../../modules/Reviews/components/ReviewCard/reviewCard.module.css";
import { Typography as i } from "../../../../components/Typography/Typography.es.js";
import { RatingStars as o } from "../../../../components/RatingStars/RatingStars.es.js";
const m = ({ review: a }) => /* @__PURE__ */ s("div", { className: r.root, children: [
  /* @__PURE__ */ s("div", { className: r.authorContainer, children: [
    /* @__PURE__ */ t(i, { as: "p", defaultVariant: "bodyMd", emphasis: !0, className: r.author, children: a.author }),
    !!a.stars && /* @__PURE__ */ t(o, { rating: a.stars, size: "sm" })
  ] }),
  /* @__PURE__ */ s("div", { className: r.content, children: [
    /* @__PURE__ */ t(i, { as: "h3", defaultVariant: "bodyXl", mobileVariant: "bodyMd", emphasis: !0, children: a.title }),
    /* @__PURE__ */ t(i, { as: "p", defaultVariant: "bodyMd", children: a.description })
  ] })
] });
export {
  m as ReviewCard
};
