import { jsx as a, jsxs as t } from "react/jsx-runtime";
import { ar as p } from "./chunk-3RDGTRSB.DySNCMmQ.js";
import "@sinclair/typebox";
import { _ as o } from "./twind.D7be0E5m.js";
import { b as f } from "./use-section-style.CihCUEtb.js";
import { u as x } from "./use-color-preset.BrT8DcA1.js";
import { a as h } from "./iconify.Bxbp05s7.js";
import { B as u } from "./BrickRoot.C1PanknS.js";
function C({ brick: s, editable: v }) {
  const { props: r } = s, { gradientDirection: l, ...c } = f(s), i = x(s), m = Object.values(c), n = r.testimonials && Array.isArray(r.testimonials) ? r.testimonials : [];
  return /* @__PURE__ */ a(
    u,
    {
      manifest: p,
      className: o("flex gap-6 @mobile:flex-col @desktop:flex-row", m),
      children: n.map((e, d) => /* @__PURE__ */ t(
        "div",
        {
          className: o(
            "testimonial-item flex flex-1 flex-col gap-4 p-6 rounded-lg border shadow-sm @desktop:(min-w-[250px])",
            i.card,
            l
          ),
          children: [
            /* @__PURE__ */ a("div", { className: "testimonial-text flex-1", children: /* @__PURE__ */ a("div", { className: "whitespace-pre-wrap text-pretty font-medium italic text-[110%]", children: e.text }) }),
            /* @__PURE__ */ t("div", { className: "testimonial-author flex items-center gap-3", children: [
              e.avatar && /* @__PURE__ */ a(
                "img",
                {
                  src: e.avatar.src,
                  alt: e.avatar.alt || e.author,
                  className: "w-12 h-12 rounded-full object-cover"
                }
              ),
              /* @__PURE__ */ t("div", { className: "flex-1 flex-nowrap", children: [
                /* @__PURE__ */ a("div", { className: "font-semibold text-[90%] text-nowrap", children: e.author }),
                e.company && /* @__PURE__ */ a("div", { className: "text-[85%]", children: e.company })
              ] }),
              e.socialIcon && /* @__PURE__ */ a(h, { icon: e.socialIcon, className: "w-5 h-5" })
            ] })
          ]
        },
        d
      ))
    }
  );
}
export {
  C as default
};
//# sourceMappingURL=testimonials.Fs4DwqlQ.js.map
